Hey,

 

I want buttet points on my site,

 

so I would have to change

 

ul {
list-style:none;
padding:0;
}

 

To something like

 

ul {
list-style:circle;
padding:5;
}

,

 

But when I do this it messes up my nav bar as it uses the same bullets...

 

      <ul class="main-nav">
       <li><a href="index.php" target="_parent" title="Home">Home</a></li>
        <li><a href="about_us.php" target="_parent" title="About">About</a></li>
       <li><a href="systems.php" target="_parent" title="Systems">Systems</a></li>
       <li><a href="projects.php" target="_parent" title="Prpjects">Projects</a></li>
       <li><a href="health_and_safety.php" target="_parent" title="Health & Safety">Health & Safety</a></li>
       <li><a href="links.php" target="_parent" title="Links">Links</a></li>
       <li><a href="contact.php" target="_parent" title="Contact us">Contact</a></li>
       <li><a href="newslist.php" target="_parent" title="News">News</a></li>
     </ul>

 

So if I did change it my nav bar would mess up.

 

Is there anyway to isolate the nav bar?

if your bullets are in another div or class then use something like this

 

#yourdiv ul {
list-style:circle;
padding:5;
}

 

Pat

 

Create a class for the one that is different from your general style (or use the class you already have) and code it after the general style in the css file:-

ul {
list-style-type: circle; /*for all other lists*/
padding:5;
}
ul.main-nav {
list-style-type: none; /*just for the navbar*/
padding:5;
}

 

List styles should be list-style-type and not just list-style (although list-style usually works).

Or to use your own example:

ul {list-style-type:circle;}
ul.main-nav {list-style-type:none;}

beaten to it by everyone lol

You're all stars!

 

I quite like this web design lark.