Grow your CSS skills. Land your dream job.

Multiple ul’s

  • # March 6, 2013 at 4:47 pm

    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.

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

    # March 6, 2013 at 5:27 pm

    Can you link us a live site where we can see this in action, or set up a [CodePen](http://codepen.io/pen/)?

    # March 7, 2013 at 4:44 am

    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.

    # March 7, 2013 at 4:46 am

    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.

    # March 7, 2013 at 5:27 am

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

    ![Yo dawg](http://i.qkme.me/3t9w6t.jpg)

    Sorry. :D

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".