Recent Topics

1 Mar 31, 2005 23:14    

Okay in my main CSS file I created 2 line items for wrapping text around images. The first one works well but the second, which I want to be basically the OPPOSITE of the first ( so the image os on the right side of the text) looks bad. Here are my CSS entries:

.thumbsleft {border:1px solid #ccc;float:left;padding:4px;margin:8px 13px 8px 0;background:#f5f4ee}
.thumbsright {border:1px solid #ccc;float:right;padding:4px;margin:8px 13px 8px 0;background:#f5f4ee}

I would like them to look the same as far as the text is concerned.

Thanks!

W. Hill

http://www.rtrc.net/blog for examples

2 Apr 01, 2005 00:42

It would help to know what "looks bad" about the second, but I'll take a stab at what I think it is.

Your margin is set to 8px 13px 8px 0px on both styles. You should probably change the thumbsright style to 8px 0px 8px 13px.

The order is top right bottom left, so by reversing the second and fourth values, you are "mirroring" your styles to be opposite each other.


Form is loading...