| SitePoint Sponsor |
|
|
User Tag List
Results 1 to 4 of 4
Thread: Navigation Bar Alignment Problem
-
Dec 12, 2001, 10:06 #1SitePoint 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%> </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!
-
Dec 12, 2001, 10:24 #2SitePoint Wizard
- 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:
I think that'll be your best (only) option. :-(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> <!-- ... -->
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 HelpsLast edited by Ian Glass; Dec 12, 2001 at 10:29.
-
Dec 14, 2001, 14:09 #3SitePoint 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
-
Dec 14, 2001, 17:11 #4SitePoint Wizard
- Join Date
- Oct 2001
- Location
- Beyond yonder
- Posts
- 2,384
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Glad to help, as always. :-)
Bookmarks