Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    May 2009
    Posts
    47
    Thanks
    3
    Thanked 0 Times in 0 Posts

    IE is adding line breaks but only version 6

    Inside a td cell there is a menu with images going across the page.
    All the other browsers display correctly.
    Is there a fix for IE6?
    Code:
    <tr>
    <td colspan="2" class="drop"><nobr>
    <dl class="dropdown">
    <dt class="c1"><img src="images/gif/menubar_1.gif" alt="spacer"></dt>
    </dl>
    <dl class="dropdown">
    <dt><img src="images/gif/menubar_last.gif" alt="spacer" width="34" height="23"></dt>
    </dl>
    <dl class="dropdown">
    <dt class="home"><img class="home" usemap="#maphome" src="images/gif/home.gif" alt="home"></dt>
    </dl>
    <dl class="dropdown">
    <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"><img src="images/gif/company.gif" alt="company"></dt>
    <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
    <ul>
    <li><a href="index.php/company/mission" class="underline">link</a></li>
    <li><a href="index.php" class="underline">vision</a></li>
    <li><a href="index.php/company/" class="underline">link</a></li>
    <li><a href="index.php/company/" class="underline">link</a></li>
    <li><a href="index.php/company/">link</a></li>
    <li><a href="index.php" class="underline">news center</a></li>
    <li><a href="index.php/company/" class="underline">link</a></li>
    </ul>
    </dd>
    </dl>
    <dl class="dropdown">
    <dt id="three-ddheader" onmouseover="ddMenu('three',1)" onmouseout="ddMenu('three',-1)"><img src="images/gif/products.gif" alt="products"></dt>
    <dd id="three-ddcontent" onmouseover="cancelHide('three')" onmouseout="ddMenu('three',-1)">
    <ul>
    <li><a href="index.php/products/" class="underline">limk</a></li>
    
    
    </ul>
    </dd>
    </dl>
    </td>
    </tr>
    It is a longer menu but for the sake of a shorter post this gives the idea.
    The widths of the images add up perfectly to the width of the page.
    Some how each image is ending up stacked in the middle of the page instead of being next to each other.
    I could show you some css too but don't want to put too much detail here.
    I have tried nowrap on all elements.
    Help much appreciated.

  • #2
    Regular Coder
    Join Date
    May 2009
    Posts
    143
    Thanks
    14
    Thanked 1 Time in 1 Post
    have you tried removing image borders?


  •  

    Posting Permissions

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