PDA

View Full Version : clearing a floated image !


spazzer
10-16-2009, 10:41 AM
Hi,
I have a page and have inserted an image within a div tag called forSaleitem, I have floated an image placeholder to the left, I would like to clear the floated image but when I inset a clearing left div it clears my left floated sidebar and drops well down the page !,how can I just clear vthe image but not clear the sidebar floated div as well !

Cheers

domedia
10-16-2009, 03:32 PM
If it is a class:

.forSaleitem {
height: 1%;
overflow: hidden;
}

Whatever you have for a 'clearing div', remove it.

spazzer
10-16-2009, 03:55 PM
Hi,
Thanks for reply,could you tell me what I apply this style to please, sorry to sound vague but am still new to this !!!!

Thanks for being patient !!

All the Best, Nick C :grin:

P.S. Also do you know how I can place a bunch of photo's onto my site without using to much code, I have a gallery page with a Flash slideshow on at the moment ???

spazzer
10-16-2009, 04:36 PM
Hi Domedia,
Thanks, have applied it to the Div and it works, thanks very much !, any help on the Photo Gallery would be good !

Thanks Again :grin:

domedia
10-16-2009, 05:16 PM
No, I don't think there's a way to make a gallery without having to dive into code. Only thing I can think of would be jQuery. Try Googling for Thickbox.

spazzer
10-30-2009, 10:48 AM
Hi,
This code worked fine but can someone explain how it works so I can better understand ?

.forSaleitem {
height: 1%;
overflow: hidden;
}

Cheers,
Nick C :grin:

Corrosive
10-30-2009, 11:26 AM
Try this...

http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/