Multiple ul’s

[jwill216]

Hi. I have multiple ul’s in my html. One is for navigation(home, menu, contacts etc) and the other is links to jump throughout the page (starters, lunch, breakfast etc). I want my links to go across the page and not straight down in bullets. Whats weird is that when I open my file in a web page it comes out correct, same when I view it on web expression. Only when I try to really pull the page up on the internet with my domain name attached is where I have the problem. There are bullets and the content is going straight down. What am I doing wrong? Below is my html, the first is the ul for the navigation and the second is the ul for the jumps throughout the page and right below that is my CSS code for it. Any help would be great.

• Home
• Menu
• Recipes
• Contact

• Starters
• Main Courses
• Desserts

li {
display: inline;
font-size: 20px;
}

[Paulie_D]

I’m guessing that the CSS isn’t loading on your domain somehow.

BTW…you can’t use the same ID more than once.

id=”M1″

Use a class instead.

AND….you can’t put anchor links inside anchor links link..as you have here…multiple times.

[noahgelman]

Make sure your file paths are correct. Sometimes when moving things from one place to another, things get moved around. It sounds like it’s not finding your css file.

[Kitty Giraudel]

> AND….you can’t put anchor links inside anchor links link..as you have here…multiple times.


Sorry. :D

Edit: on topic, [Quasi-nested links](http://jsfiddle.net/csswizardry/rxsna/).

[Author]

Posts