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
  • #40662


    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.


    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.


    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;


    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.


    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.