Adam,
About the floated <img> on the index page ...
the HTML
<a href="store.htm" target="_blank">
<img src="images/store_bage2.jpg" alt="Visit Our Store" width="240" height="190" border="0"
class="store_badge">
</a>
Some explanation:
This floated image pushes its bottom boundary down over the next paragraph, this
breaks the first line of the latter <p>.
Easy to explain this, since the containing <p> already has a set margin-bottom,
it just adds to pushing the 'inside' floated
image (also with a margin-bottom) down.
Solution: remove margin-bottom, position:relative is not needed, the
'left:15px' value is to be translated into
margin-left:15px. a padding-value should be avoided since it can push downward
the image again. That's it, solved.
you have:
.store_badge {
position: relative;
left: 15px;
float: right;
margin-bottom: 32px;
padding-top: 5px;
}
change into:
.store_badge {
float:right;
margin-left: 15px;
}
Regards,
Johan
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
