r...@catjuggling.com wrote:
> Here is an image that should help illustrate my point:
> http://www.mcmullincreative.com/crows/crows.gif
First of all you have an issue with your CSS that may or may not be a
misunderstanding on your part.
.sidebar-item h3, p, a {
padding: 3px 19px 3px 19px;
}
Did you mean to apply that style to just the H3 tags inside
.sidebar-item, and to all P and A tags on the page?
Second, here is a fix which I suggest using which when applied to your
code works for me in all browsers.
First remove the padding on the image:
.content-item img {
float: left;
}
Then add this class to the A that wraps the image.
<a class="content-image" href="#"><img src="crows.jpg"/></a>
.content-image {
padding: 0;
margin: 0;
float: left;
}
This wraps the A tag around the IMG tag better on the page.
Example of this code: http://adamducker.com/public/crows/
-Adam Ducker (http://adamducker.com)
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
