Announcement

Collapse
No announcement yet.

I can't get my nav bar to display correctly

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • I can't get my nav bar to display correctly

    Hello there chaps and chapettes, how are you all?

    I'm having a spot of trouble getting my navigation bar to appear properly. Here's how I want it to appear...

    http://www.media-live.co.uk/index.php

    All in one line like that. But here's how it's appearing now on my vB...

    http://www.media-live.co.uk/forums/index.php

    I've tried loads of combinations, using divs, td's tr's, all in different positions and I haven't had any success yet. So I wondered whether someone might be able to help me figure it out, please?

    Thank you for your time.

  • #2
    Hi there! Well, iIn IE7 I'm seeing your menu in a single row, but in Firefox I do see the menu being split into two rows.

    The problem's in the CSS, not the HTML. Look for:

    Code:
    #nav1 {
    background: url(images/nav_bg.jpg) repeat-x;
    width: 900px;
    height: 30px;
    }
     
    #nav1 li {
    list-style: unordered;
    float: left;
    }
    Try replacing it with this:

    Code:
    #nav1 {
    background: url(images/nav_bg.jpg) repeat-x;
    width: 900px;
    height: 30px;
    }
     
    #nav1 ul {
    margin: 0;
    white-space: nowrap;
    padding: 0;
    }
     
    #nav1 li {
    display: inline;
    list-style-type: none;
    float: left;
    }
    That should do it. The biggest differences are 1) the change from "list-style: unordered" to "list-style-type: none" -- that gets rid of your bullets, and 2) adding the extra styling to the UL tag, which tightens up the space and helps ensure that the Site5 image to fit in the top row.

    Hope this helps!
    Last edited by kiwilerner; Tue 10th Jul '07, 2:33am.
    Kira

    EpiGuide: Web Entertainment Forums - vB Board of the Month, Aug 2007
    About Schuyler Falls, an Original Drama | Falling Sky Designs

    Comment


    • #3
      You sir, are a genius! It's worked a charm, and looks perfect in Opera, Firefox and Internet Explorer. Thank you very very much!

      Rest assured if I ever win the lottery, I shall remember YOU!

      Cheers mate!

      Comment


      • #4
        Heh. I'm actually a 'chapette'. But you're welcome just the same, and I'm very glad it worked! Good luck with your site.
        Kira

        EpiGuide: Web Entertainment Forums - vB Board of the Month, Aug 2007
        About Schuyler Falls, an Original Drama | Falling Sky Designs

        Comment


        • #5
          Originally posted by kiwilerner View Post
          Heh. I'm actually a 'chapette'. But you're welcome just the same, and I'm very glad it worked! Good luck with your site.
          Oops, my apologies!

          Comment

          Loading...
          Working...
          X