">
</div>
</td>
</tr>
</table>
</center>
</div>
3) Finally, I want the IMG(Photo) in the upper right corner, yet I have
tried top: 50px; right: 50px; with no joy. Are the settings based relative to
the top left of the page, table, TR, TD?
"Ronx" wrote:
<div align="center">
<center>
<table border="0" cellpadding="0" style="border-style:solid;
border-width:1px; padding:0; border-collapse: collapse; width:390;
height:693" bordercolor="#000000" id="AutoNumber1" bgcolor="#FFFFFF">
<tr>
<td style="background-position: left center; margin:0; padding:0px;
font-family:Arial,sans-serif; font-size:12pt; letter-spacing:2px;
color:#FFFFFF; font-weight:bold; text-align:center; word-spacing:0;
line-height:150%; text-indent:0; vertical-align:middle;
background-image:url('images/MBar390x693.jpg')" nowrap width="390"
height="693"><div style="position:relative;> <!-- Photo here, I want it
to remain style="position: absolute; width:
252px; height: 315px; right: 50; top: 50" to the TR above --> <img
src="images/CSMPhoto252x315.jpg" style="position: absolute;width: 252px;
height: 315px; right: 283px; top: 43px;border:none;"></div>
</td>
</tr>
</table>
</center>
</div>
Note that when using CSS, all dimensions must have units (px, em, %
etc) except when 0 is involved.
Pt are a printers measure, 1/72 inches. Different browsers will
interpret pts in different ways resulting in different sized text.
Opera is noticeably smaller than IE. Better to use pixels or relative
sizes (em, % or keywords such as small, medium etc.).
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
"Sixbells" <Sixbells@discussions.microsoft.com> wrote in message
news:969845A9-E948-4261-BA9A-CC2ABCE6556F@microsoft.com:
I am creating a sidebar for a website that is a cell within a table and has
a background picture, and I want to add a photo that stays in an absolute
position relative to the same cell. I thought the code below defined the
absolute position, but I was wrong. This is easy I am sure, but I have been
spending too much time figuring it out. This is the last hurtle before I can
do a beta release to the client.
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Position Layers in Tables</title>
<table border="0" cellpadding="0" style="border-style:solid;
border-width:1px; padding:0; border-collapse: collapse; width:390;
height:693" bordercolor="#000000" id="AutoNumber1" bgcolor="#FFFFFF">
<td align="left" style="background-position: left center; margin:0;
padding:0px; font-family:Arial; font-size:12pt; letter-spacing:2;
color:#FFFFFF; font-weight:bold; text-align:center; word-spacing:0;
line-height:150%; text-indent:0; vertical-align:middle;
background-image:url('images/MBar390x693.jpg')" nowrap width="390"
<!-- Photo here, I want it to remain style="position: absolute; width:
252px; height: 315px; right: 50; top: 50" to the TR above -->
<img border="0" src="images/CSMPhoto252x315.jpg" style="position: absolute;
width: 252px; height: 315px; right: 283; top: 43">
<!-- DOESN'T WORK!! ;-P -->
