More than one <ul>

Hi, on this page: dev2.magickitchen.com/meal-plans.html

The section starting here: Set up an Auto-Ship Meal Program and have us send you meals weekly...

Is a list. But you don't see that, because it is styled as li{list-style:none;}

If I take that away, it breaks the upper navigation. If I make it li.menu{list-style:none;}, it breaks it, too.

I'm a little stuck on what to do here, to make most lists have bullets, but not the navigation.  Thanks.
mel200Asked:
Who is Participating?
 
Chris StanyonCommented:
Remove the catch all styling:

li{list-style:none;}

And then add this:

nav li { list-style:none; }

This way, most lists will have bullets, but a list inside the <nav> tag won't
0
 
William FulksSystems Analyst & WebmasterCommented:
You just need to make a new class in your CSS file to define how that list looks. Otherwise, you're trying to pull two different formats out of the same class. That's your problem.
0
 
mel200Author Commented:
Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.