how would i make it so that "image.gif" is positions relative to "text.gif"? cuz right now its positioning itself relative to the table its in..<br />
any ideas?<br />
<br />
<br />
<br />
<br />
<html><br />
<head><br />
<title>fake menu</title><br />
<style><br />
body {background-color: white; color: black}<br />
.bottom {color: white}<br />
.top {position: relative; bottom: 1px; right: 0px; color: gray}<br />
.top2 {position: relative; bottom: 1px; right: 71px; color: gray}<br />
.top3 {position: relative; bottom: 1px; right: 120px; color: gray}<br />
.top4 {position: relative; bottom: 1px; right: 121px; color: gray}<br />
.top5 {position: relative; bottom: 1px; right: 26px; color: gray}<br />
table {background-color: white; border-width: 2px; border-style: solid; border-color: white white white white}<br />
</style><br />
</HEAD><br />
<BODY><br />
<table width="100%" height="100" border="1"><br />
<tr><br />
<td><br />
New Document<br><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/text.gif" class="bottom" height="100%" width="100%"><br><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/image.gif" class="top"><br><br />
<br><br />
<br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><!--content-->well if you want to postion the images then you have to take them out of the table.<br />
<br />
and yo uwill never get it like that. you have to postion it relative to the browser. to it will always go from the top and left of the browser, not the image that is above it.<!--content-->
any ideas?<br />
<br />
<br />
<br />
<br />
<html><br />
<head><br />
<title>fake menu</title><br />
<style><br />
body {background-color: white; color: black}<br />
.bottom {color: white}<br />
.top {position: relative; bottom: 1px; right: 0px; color: gray}<br />
.top2 {position: relative; bottom: 1px; right: 71px; color: gray}<br />
.top3 {position: relative; bottom: 1px; right: 120px; color: gray}<br />
.top4 {position: relative; bottom: 1px; right: 121px; color: gray}<br />
.top5 {position: relative; bottom: 1px; right: 26px; color: gray}<br />
table {background-color: white; border-width: 2px; border-style: solid; border-color: white white white white}<br />
</style><br />
</HEAD><br />
<BODY><br />
<table width="100%" height="100" border="1"><br />
<tr><br />
<td><br />
New Document<br><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/text.gif" class="bottom" height="100%" width="100%"><br><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/image.gif" class="top"><br><br />
<br><br />
<br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><!--content-->well if you want to postion the images then you have to take them out of the table.<br />
<br />
and yo uwill never get it like that. you have to postion it relative to the browser. to it will always go from the top and left of the browser, not the image that is above it.<!--content-->