SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Location
    Saginaw, MI
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Navigation Bar Alignment Problem

    Hello everyone!

    I'm having a problem with my top nav bar on my site. It looks great in all the IE browers but when you view it in Netscape 4.7 one cell scrunches together. I've tried readjusting the cell width...but Netscape just ignores it...Help!

    Here's my code:
    <head>
    <style type="text/css">
    <!--
    Body { font-family: Arial,Verdana, Helvetica, san-serif;color: #000099;}
    .menulines a{text-decoration:none; color: #ffffff; font-family: Arial, Verdana, Helvetica, san-serif; font-size: 10pt;}
    .menulines a:hover{color:#000099; font-weight:bold; background-color:#f2f2f2; }
    .mainnav {font-size: 16pt;}
    -->
    </style>
    </head>

    <!--Horizontal navigation bar starts here-->
    <div align=right>
    <TABLE BORDER=0 CELLSPACING=0 WIDTH="750px">
    <TR>
    <td width=50%>&nbsp;</td>
    <td class="menulines"><center><b><a href="http://www.cmtonline.com">Home</a></b></center></font></td>
    <td class="menulines"><center><b><a href="http://www.cmtonline.com/backgroun.html">Company</a></b></center></font></td>
    <td class="menulines"><center><b><a href="http://www.cmtonline.com/staff.html">Contact Us</a></b></center></font></td>
    <td class="menulines"><center><b><a href="http://www.cmtonline.com/cims3.html">Software</a></b></center></font></td>
    <td class="menulines"><center><b><a href="http://www.cmtonline.com/technical.html">Support</a></b></center></font></td>
    </tr>
    </table>
    </div>
    <!--end-->

    If anyone has any ideas please let me know...I've been working on this problem for too long.

    Thanks in advance!

  2. #2
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    And this is why they invented spacer gifs... Place a small (1px x 1px) transparent gif on it's own line and use the height and width attributes to manipulate it to the size you want like so:
    Code:
    <!-- ... -->
    <td width="50%"><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
    <td class="menulines" width="10%">Link 1<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
    <td class="menulines" width="10%">Link 2<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
    <td class="menulines" width="10%">Link 3<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
    <td class="menulines" width="10%">Link 4<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
    <td class="menulines" width="10%">Link 5<br /><img src="spacer.gif" width="minNumOfPx" height="1" alt=""/></td>
    <!-- ... -->
    I think that'll be your best (only) option. :-(

    For all those wondering why I'm not arguing for some cross-browser, standards-compliant solution, well Sundari was asking to support NS4. They are no cross-browser, standards-compliant solutions that work with NS4. :-(

    ~~Hope This Helps
    Last edited by Ian Glass; Dec 12, 2001 at 10:29.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2001
    Location
    Saginaw, MI
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ian! That did the trick and my manager is smiling at me once again

    Happy Holidays!

    Sundari

  4. #4
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Glad to help, as always. :-)


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
  •