RSS

Re: css to make navigation bar

Please support our HTML and CSS advertiser: Lunarpages Web Hosting

css to make navigation bar

•

Join Date: Sep 2006

Posts: 9

Reputation: narsto is an unknown quantity at this point

Rep Power: 0

Solved Threads: 1

narsto

Offline

Newbie Poster

Re: css to make navigation bar

Sep 23rd, 2006

•

Originally Posted by shanenin

I am trying to make a navigation bar using a list. Since a list is indented by default, I can't seem to get my list all the way to the left. I have looked at examples of this, but am not sure how they are doing it. Below is what I have
Help with Code Tags

(Toggle Plain Text)
<html>
  <head>
    <title>test4</title>
    <style type="text/css">
      ul { list-style-type: none; margin: 0;
           float: left; }
 
      li { display: inline;
           padding: 2px;
           border-style: solid;
           border-left-width: 0px;
           border-top-width: 1px;
           border-bottom-width: 1px;
           border-right-width: 1px;}
 
       li.first { border-left-width: 1px; }
 
    </style>
  </head>
  <body>
  <ul>
    <li class="first">first</li><li>second</li><li>third</li><li>fourth</li>
  </ul>
  </body>
</html>
<html> <head> <title>test4</title> <style type="text/css"> ul { list-style-type: none; margin: 0; float: left; } li { display: inline; padding: 2px; border-style: solid; border-left-width: 0px; border-top-width: 1px; border-bottom-width: 1px; border-right-width: 1px;} li.first { border-left-width: 1px; } </style> </head> <body> <ul> <li class="first">first</li><li>second</li><li>third</li><li>fourth</li> </ul> </body> </html>

DaniWeb Home > Forums > Web Development > Web Design > HTML and CSS > css to make navigation ...

Re: css to make navigation bar

css to make navigation bar

Re: css to make navigation bar