SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Oct 2004
    Location
    calgary
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    floating images and IE 5

    I've looked everywhere for a reference to this issue.

    I have a horizontal div with images floating left.

    .brandNav { height: 22px; }
    .brandNav img { margin: 0px !important; padding: 0px; border: 0px; float: left; }


    <div class="brandNav" style="margin-top: 0px;">
    <div style="float: left;">
    <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/0.gif">
    </div>
    <div style="float: right;">
    <img src="../images/retail/level.gif" width="30" height="22">
    <img class="levelNotPassed" src="../images/retail/levels/1.gif" width="16" height="22">
    <img class="levelNotPassed" src="../images/retail/levels/2.gif" width="16" height="22">
    <img class="levelNotPassed" src="../images/retail/levels/3.gif" width="16" height="22">
    </div>
    </div>

    but on PC IE 5x [ admittedly a horrendous browser ] there images have 2-3px margins around them, causing them to do line breaks and all sorts of other totally inappropriate things. Anyone?

  2. #2
    SitePoint Member AdamsHC's Avatar
    Join Date
    Aug 2004
    Location
    Lithuania
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •