Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS navigation issues

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #40662
    jeevaan
    Member

    Hi,

    I am facing CSS issues in the navigation menu. I have used
    white-space: normal;
    for the menu under News and Media. Somehow the second line is not indented for Aquatic Agricultural Systems News. How can I make it aligned? Please help.

    http://www.worldfishcenter.org/

    #113548
    Paulie_D
    Member

    White-space probably won’t help you. The line is breaking because there simply isn’t enough space inside the li to contain it on a single line.

    I would suggest tweaking your text-indent &/ or right-padding.

    #113552

    Try to take off the 6px text indent on this line:

    #navigation .menu ul li {
    border: medium none;
    display: block;
    float: none;
    margin: 0;
    padding: 0 1px 0 0;
    text-align: left;
    text-indent: 6px; — KILL THIS
    white-space: normal;
    width: auto;
    }

    #113559
    wolfcry911
    Participant

    AdamC is correct. Lose the text-indent and replace it with left padding.
    padding: 0 1px 0 6px;

    Also, you have a serious case of divitis. There is absolutely zero reason to be using so many divs. The navigation is over eight levels deep! And there is also no good reason to use an empty div for clearing purposes.

    #113563
    Paulie_D
    Member

    I’m, not entirely sure that the divitis is his fault…it might be a function of whatever CMS he is using.

    Of course, I could be wrong. :)

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.