Grow your CSS skills. Land your dream job.

Dropdown menu extra space removal.

  • # May 18, 2013 at 4:26 pm

    Right now i’m creating my portfolio website and i’m currently working on the navigation bar and trying to make it a dropdown one.

    I’ve managed to get it to function properly but i seem to have an issue.
    If you look at this picture:
    http://i40.tinypic.com/ae3xa0.png

    To the left of the dropdown menu is a bunch of extra white space. How do i remove that and center the text?

    Css Code for the navigation:
    http://i44.tinypic.com/noda8j.png

    Thanks a bunch if anyone can help,
    – Miky.

    # May 18, 2013 at 4:52 pm

    try adding “text-align:center;” to the list wrapper.

    And try not to write CSS code in a single line. It’s confusing and unnecessary.

    # May 18, 2013 at 4:54 pm

    well it would have been a lot better if you could create a pen but nevertheless i created a menu some time ago which is similar to your menu by functionality.

    https://www.dropbox.com/s/40iq4h5ygcvfbwv/men.html?v=0mcn

    # May 18, 2013 at 5:03 pm

    @Jarolin and @Rohithzr

    Thank you both for helping me. I figured it out and now the text is aligned.

    Thank you both again.

    (I’ll work on the single line css)

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

You must be logged in to reply to this topic.

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