Prev: *HELP* TXT wont change colour
Next: Div Positioning HELP PLEASE
From: jameswoody on 5 May 2008 09:03
How do I position images at the bottom of a div tag?

These images are going to be used as links and Im using a template which will
double there size on certain pages, so I cant use background images.

Please help as I cant believe this isn't possible!
James

From: Randy Edmunds on 5 May 2008 20:49
James,

> How do I position images at the bottom of a div tag?

One way to do it is to make the div a positioned box by giving it:

position: relative;

Then position the images in that div at the bottom with:

position: absolute
bottom: 0px;

HTH,
Randy
From: jameswoody on 6 May 2008 05:53
That works in Dreamweaver but not when I preview in firefox or safari.

I have a number of images next to each other and making the position
'absolute' makes them sit on top of each other. This happens in Dreamweaver and
the browsers.

In neither browser do the images go to the bottom, and in safari the images go
to the left rather than center.

james

From: jameswoody on 6 May 2008 07:35
OK, I've made the div tag position relative,
and the image position absolute with a bottom of 0px.

The image now sits on the bottom of the div tag like I wanted, but I want a
number of images to be next to each other, and at the moment they all on top of
one another.

Im assuming that this is because of the 'absolute' positioning, is there a way
round this?

Thanks
James

From: Randy Edmunds on 6 May 2008 12:07
> The image now sits on the bottom of the div tag like I wanted, but I want a
> number of images to be next to each other, and at the moment they all on top of
> one another.

Are you giving them a left or right position? I thought that by omitting
that, the horizontal position would flow. If not, then give each one a
unique left position.

If you do not know the widths, and you want them all to flow one after
the other, the make another div as their container, and move the
"position:absolute;right:0px;" styles to the new div.

Randy
 | 
Pages: 1
Prev: *HELP* TXT wont change colour
Next: Div Positioning HELP PLEASE