Stylesheets - To position absolutely an image into a <td>

Author

To position absolutely an image into a <td>

Steel

2005-12-08, 7:35 pm

Hi at all,

I have a table
into my css file I wrote:
td{vertical-align:top;}
But I want that a certain image be at the bottom of my <td>
How can I do please?
Regards
Steel

Els

2005-12-08, 7:35 pm

Steel wrote:

> Hi at all,
>
> I have a table
> into my css file I wrote:
> td{vertical-align:top;}
> But I want that a certain image be at the bottom of my <td>
> How can I do please?

Give that td a class, and apply the style only to that particular td:
td.class{vertical-align:bottom;}

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Steel

2005-12-08, 7:35 pm

"Els"
wrote:

> Give that td a class, and apply the style only to that particular td:
> td.class{vertical-align:bottom;}
>
> --
> Els

I cannot because into the <td> I have also others images that must be at the
very top
Only one must be at the very bottom

Steel

Herkeye

2005-12-08, 7:35 pm

> I cannot because into the <td> I have also others images that must be at the
> very top
> Only one must be at the very bottom
>
> Steel
>

You could make the image a background-image for the TD and position it
at the bottom, and then pad the bottom of the cell enough to allow for it.

Just a thought...

Trevor L.

2005-12-08, 7:35 pm

Steel wrote:
> "Els"
> wrote:
>
>
> I cannot because into the <td> I have also others images that must be at the
> very top
> Only one must be at the very bottom
>
> Steel

For the one cell which is to be bottom aligned, use
<td style="vertical-align:bottom">

Jim Moe

2005-12-08, 11:07 pm

Steel wrote:
>
>
> I cannot because into the <td> I have also others images that must be at the
> very top. Only one must be at the very bottom
>
img.class {vertical-align:bottom;}

If you want the bottom image to be positioned regardless of the other
images, then wrap the images in a div:
div { position: relative; }
img.class {position:absolute; bottom:0; left:0; }
Both left and bottom should be specified.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)