Forum Moderators: not2easy
The HTML:
<div class="brandFrame">
<div class="brandNav" style="padding: 9px; " >
<img src="../images/retail/ranking.gif" width="54" height="22">
<img src="../images/retail/ranking/octothorpe.gif" width="8" height="22">
<img src="../images/retail/ranking/1.gif">
<img src="../images/retail/ranking/of.gif" >
<img src="../images/retail/ranking/2.gif">
<img src="../images/retail/ranking/2.gif">
<img src="../images/retail/level.gif" width="30" height="22">
<img src="../images/retail/levels/1.gif" width="16" height="22">
<img src="../images/retail/levels/2.gif" width="16" height="22">
<img src="../images/retail/levels/3.gif" width="16" height="22">
</div>
</div>
.brandFrame { background: url(../images/retail/brandFrame.png) top left no-repeat; width: 252px; height: 180px; }
.brandNav { height: 22px; }
.brandNav img { margin: 0px; padding: 0px; border-width: 0px ; float: left; }
[edited by: SuzyUK at 5:02 am (utc) on July 29, 2004]
[edit reason] ooops sorry no URLS see TOS #13 [webmasterworld.com] [/edit]
The problem you're having is the dreaded IE whitespace issue.
instead of :
<img src="whatever.gif">
<img src="whatever.gif">
<img src="whatever.gif">
try doing it like this:
<img src="whatever.gif"><img src="whatever.gif"><img src="whatever.gif">
IE should be able to then sort out that you really didn't intend a space to be there in the first place and stop putting it in!
:-)
cheers
L.
