Grow your CSS skills. Land your dream job.

CSS Dropdown span messing up link

  • # June 24, 2009 at 3:03 pm

    Hi, im currently working on a website for a client, and i was able to set up a nav with a drop down menu. if you hover over the "services" link you’ll see that the 2nd drop down list item is 2 lines, i had to break the line within the list item to make it fit and i used a span to add a negative margin because the break moved it over somehow. its lined up the way i want it but now the 2nd line is too bold and im guessing it has something to do with the span and i cant seem to fix it, any help would be appreciated.

    the link is:
    http://www.marenastudios.com/client1/es … /index.php

    # June 24, 2009 at 3:20 pm

    Here you go:

    Code:
    .dropdown-indent {
    clear:both;
    font-weight:lighter;
    margin-left:-11px;
    }
    # June 24, 2009 at 3:24 pm

    tried that, it makes it lighter than the rest of the nav and throws off the margin

    # June 24, 2009 at 3:30 pm

    got it, i just added the span before the text instead of around it so that it still moves it over but doesnt effect the font weight

    .dropdown-indent {
    margin-left:-20px;
    }

    <li><a href="construction.php" class="construction">general contracting, construction management<br /><span class="dropdown-indent"></span>owner’s representative and sub contracting</a></li>

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".