Front Page - Image Positioning

Author

Image Positioning

Bill Schroyer

2004-06-28, 7:16 pm

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"> <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> </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> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
</tr>
</table>

Bill Schroyer
bill@frontpagewiz.com
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:
>
>http://bbiverson.com/journal/
>
>Can someone help me solve this problem?
>
>BB
>.
>

2004-06-30, 12:14 pm

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 un
needed 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 soluti
on, but I needed your expert feedback to discover it. Thanks again!

BB

"Bill Schroyer" wrote:

> 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"> <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> </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> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </td>
> </tr>
> </table>
>
>
> Bill Schroyer
> bill@frontpagewiz.com
> http://www.frontpagewiz.com
>
> 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.
> 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).
> 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:
>