Is there word spacing or something like that? Or do I have to create a separate div for each link? I tried using inline with a line item but IE ignores it so I'm going straight text.
HTML:CSS:Code:<div id="topnav"> <div style="padding: 16px 0 0 20px"> <img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0"> <a href="index.html">Home</a> <img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0"> <a href="bog/index.php">Blog</a> <img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0"> <a href="bio.html">Bio</a> <img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0"> <a href="links.html">Links</a> <img align="absmiddle" src="images/red_rt-arrow.jpg" alt="" width="14" height="14" border="0"> <a href="contact.html">Contact</a></div> </div>
Thanks very much for your help!Code:#topnav { font-family: Times, Arial, Helvetica, sans-serif; position:absolute; left:299px; top:0px; width:471px; height:64px; background-image: url(images/topnav.jpg); } #topnav a:link, #topnav a:visited, #topnav a:active { font-family: Times, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; } #topnav a:hover { font-family: Times, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-decoration: none; background-color: #D9DAFF; } /*----- THIS DIDN'T WORK ------ */ #topnav ul { padding: 10px 20px 0 0; display: inline; } #topnav li { padding: 10px 0px 0px 10px; list-style-type: none; display: inline; }


Reply With Quote

Bookmarks