[closed] CSS current-menu-item underlined in FF, but not Chrome? (3 posts)

  1. Flash Buddy
    Posted 3 years ago #

    WTF - http://watermedia.com.au

    Current page item link underlined in FireFox and IE, but not Chrome or Safari? Help me Mr. Wizard!

  2. BeeGirl3
    Posted 3 years ago #

    your css is a little wonky:

    #nav-primary {
        clear: both;
        margin: -25px 310px;
        padding: 0 10px;
        position: relative;
        width: 100%;
        z-index: 99;
    #nav-primary ul, #nav-primary li {list-style: none;}
    #nav-primary li a:link{
    	float: left;
    	display: block;
    	padding: 0 10px;
    	text-transform: lowercase;
    	font-family: bold;
    	font-size: 14px;
    	text-decoration: none;
    #nav-primary li a:hover, a:active{
    #nav-primary ul, #nav-primary li.current-menu-item a{text-decoration: underline;}

    browsers will display things differently depending on how things are referenced. try to clean it up a bit and make it a little more specific. the last portion is a little confusing, you're assigning all of the unordered list to be underlined along with the current list item...?

  3. Flash Buddy
    Posted 3 years ago #

    I'll pay cash to have my css un-wonkified.

    [mod: you can hire someone at jobs.wordpress.net, offering to pay is not permitted on this forum http://codex.wordpress.org/Forum_Welcome#Offering_to_Pay ]

Topic Closed

This topic has been closed to new replies.

About this Topic