Announcement

Collapse
No announcement yet.

I can't get my nav bar to display correctly

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

  • Lovemonk
    replied
    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!

    Leave a comment:


  • kiwilerner
    replied
    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.

    Leave a comment:


  • Lovemonk
    replied
    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!

    Leave a comment:


  • kiwilerner
    replied
    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.

    Leave a comment:


  • Lovemonk
    started a topic I can't get my nav bar to display correctly

    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.
Loading...
Working...
X