Image Positioning


B

Bill Schroyer

Another way to do it is position the menu absolute.
Remove the menu an picture.
Set the left cell to vertical alignment bottom. Add a 70
pixel transparent spacer, then the image.
Add the menu items to a new cell or table and position
absolute.

here's a quick example:

<table border="0" cellpadding="0" cellspacing="0"
width="100%" id="table1">
<tr>
<td valign="bottom" width="120">&nbsp;<div
style="position: absolute; left: 10px; top: 201px; width:
120px; height: 18px">
<table border="0" cellpadding="0"
cellspacing="0" width="100%" id="table3">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</div>
<table border="0" cellpadding="0"
cellspacing="0" width="100%" id="table2">
<tr>
<td>Image</td>
</tr>
<tr>
<td><img border="0"
src="10x10tp.gif" width="1" height="70"></td>
</tr>
</table>
</td>
<td valign="top"
width="0%">Content<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>
</tr>
</table>


Bill Schroyer
(e-mail address removed)
http://www.frontpagewiz.com
-----Original Message-----
I have a fixed width cell on the lefthand side of a
page. It has no height specified, as I want it to expand
and contract with cell to the right of it, the
center "content" cell. I have placed an image at the top
of the left cell and some Interactive buttons below that.
I want to place an image at the bottom of the cell and I
want the image to stay at the bottom, as the cell expands
and contracts.
I added the image and then went to Picture
Properties/Style/Format/Position and changed the
Positioning style to absolute. I then entered "0" for the
left field and "70" for the bottom field (the number of
pixels from the bottom of the page that I want the image
to stay at).
When viewed with IE 6.0, the image is directly below the
Interactive buttons. How do I get it to stay at the
bottom of the cell? Here's a link to the page I'm
referencing:
 
Ad

Advertisements

G

Guest

Actually, I tried both of these replied to solve my problem. Either I didn't follow them correctly, or they didn't solve my problem. However, they did point me in the right direction. By inserting another row into the referenced cell and merging the unneeded additional cells that were created in other columns, I was able to get an empty cell to insert my image into. From there, I simply aligned it to the bottom and it expands and contracts with the center column, like I wanted! It was a simple solution, but I needed your expert feedback to discover it. Thanks again!

BB
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top