Jump to content
Sign in to follow this  
Guest electrolund

image float question

Recommended Posts

Guest electrolund

I'm a relative newb to CSS. I'm trying to do this:css_example.jpgI want to have some images float on the left portion of a table, where text is to the right of it with some padding. The trouble I'm having is that if I use float tags, the text of course eventually falls beneath the image. I don't want that, I want the text to always remain on its own side. Almost as if it were a table with two columns.The blog where the image above came from... I've grabbed his CSS and can't really find where he makes this happen.Here's what I've done to come sort of close:

/* Gravatars plugin style */.gravatar {	float: left;	margin-right: 25px;	margin-left: -50px;	margin-bottom: -10px;	width: 45px;}

You can see this on my website. So any better ideas?

Share this post


Link to post
Share on other sites

Give a margin-left to the div/p that contains the text. =)Also, using negative margins on your image means it'll chop it off, usually.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×