Previous Message
Next Message

Nested ULs as navigation

Sent by Zoe M. Gillenwater on 21 September 2005 16:04


Geoffrey Alan Colbath wrote:

>I'm trying to develop a navigation menu using nested ULs, and I'm having
>quite a bit of trouble. In my CSS
>(http://www.id.iit.edu/~colbath/Akiba/include/styles2.css), I'm using
>"#nav ul li ul", but the "#nav ul li" style is overriding everything
>else I try to develop. If you could take a look at the CSS, and the page
>I'm implementing it on
>(http://www.id.iit.edu/~colbath/Akiba/preschool.html), and make sense of
>it all, I'd really appreciate it.
>  
>

Geoff,

Can you tell us what on this page is not displaying as you want?  Do you 
want to change the spacing of the nested list, or its color, or...?

Your list is nested incorrectly, and fixing this should take care of 
whatever it is you are wanting to do to the nested list.  It should be 
inside the parent li, not outside it.  Like this:

<ul>
  <li><a href="index2.html">Home</a></li>
  <li>Preschool &amp; Kindergarten <!-- DON'T CLOSE THE LI YET -->
    <ul>
      <li>Our Approach</li>
      <li>Programs</li>
      ...
    </ul>
  </li> <!-- NEST THE LIST, THEN CLOSE IT HERE -->
  <li><a href="grades1_8.html">Gades 1-8</a></li>
....
</ul>



Zoe

-- 
Zoe M. Gillenwater
Design Specialist
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: