Dynamic Drive CSS Library- Floating image with no text wrap

CSS Library

CSS Layouts

Web Graphics

Free Graphics

Online Tools:

Advertise Here

CSS Library: Image CSS: Here

Floating image with no text wrap

Author: Dynamic Drive

By default, floating an image causes the surrounding text to wrap around it, such in in the below example:

A safari park is a large nature reserve intended for safari tours and encounters with rare wildlife. They are common in Africa, but many exist elsewhere, including popular parks in England. People who wish to see animals in their natural state will love a trip to the safari.

However, sometimes you may want a different effect whereby the image floats, yet the surrounding content do NOT wrap around the image. This can be accomplished through the familiar "float" attribute, combined with "margins", while taking into account IE'6 dreadful "3px text-jog bug". The result is:

The CSS:

Code Info

Rate this code:

Date Posted: 05/02/2006

Revision History: None

Usage Terms: Click here

Your Comments (71)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 7 of 7 pages « First < 5 6 7

Thank you for the sensible critique. Me & my neighbour were preparing to do some research about that. We got a good book on that matter from our local library and most books where not as influensive as your information. I am very glad to see such information which I was searching for a long time.This made very glad
Thanks,
bbq grills

Posted by bbq smokers on 05/15, 02:42 AM

I must admit that this is one great insight. It surely gives a company the opportunity to get in on the ground floor and really take part in creating something special and tailored to their needs.
Thanks,
Search Engine Marketing Companies

Posted by Search Engine Marketing Firm on 05/20, 04:34 AM

I have to admit that this is one great insight. It surely gives a company the opportunity to get in on the ground floor and really take part in creating something special and tailored to their needs.
lawndale

Posted by South Bay Taxi on 05/21, 06:46 AM

I am not really sure if best practices have emerged around things like that, but I am sure that your great job is clearly identified. I was wondering if you offer any subscription to your RSS feeds as I would be very interested and can’t find any link to subscribe here.
el segundo

Posted by South Bay Taxi on 05/21, 07:06 AM

Crown Lists is a mailing list broker offering high quality business mailing lists, consumer mailing lists, direct marketing lists, medical mailing lists, email lists. We are a mailing
list company helping clients purchase lists.
-http://www.CrownLists.com

Posted by Mailing list broker on 05/23, 07:00 AM

I was looking for something like this, I guess is easy for most advanced developers Thanks.

Posted by Think Flick on 06/02, 11:31 PM

Yes i concur with the statement "A safari park is a large nature reserve intended for safari tours and encounters with rare wildlife."

Kenya is a country blessed with abudant wildlife. Hope people will get to travel to Africa and see its many wild animals

Posted by Safaris to Kenya on 06/04, 08:36 AM

Glad I stumbled into this article! Finally, got what I was looking for to put on my school report… Thanks for sharing this

Posted by Canon Powershot SD990IS Review on 06/07, 02:48 AM

Comment Pages 7 of 7 pages « First < 5 6 7

Commenting is not available in this weblog entry.