CSS code to have links underlined

[BrianAdkins6300]

Hi Ryan, since you answer all the questions here, I guess this goes back to you.  By the way, thanks for all the help on the last responce.  With the help of the host, we were able to get rid of the hack. 

Quick question.  For the website http://www.wafflecabin.com,

How would I make the menubar links underlined when I hover over them?  I was able to do it with the dropdowns by adding
"text-decoration: underline;", under

"#suckerfishnav li li:hover {
    background:#ffffff;
    text-decoration: underline;
    }"

I don’t see any CSS code for hovering over the menubar links though (the main menu bar, not the drop downs).  Let me know what I would need to input into the code below (the whole CSS).  Thanks again big time Ryan.

#suckerfishnav {
    background:#ffffff repeat-x;
    font-size:9px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:99.8%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:28px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:99.8%;
    }
#suckerfishnav a {
    display:block;
    color:#000000;
    text-decoration: none;
    padding:0px 32px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0 0 0 21px;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    z-index:1000
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#ffffff;
    text-decoration: underline;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a,

#suckerfishnav li ul li li li:hover a {
    color:#000000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#000000;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li

li li li:hover li a {
    color:#000000;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav

li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li

li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul,

#suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#ffffff;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:;
    }

[arjanver]

#suckerfishnav a {
    display:block;
    color:#000000;
    text-decoration: underline;
    padding:0px 32px;
    }

[BrianAdkins6300]

already tried that.  That underlines all the links.  I only want the links underlined when they’re hovered over.

[imported_Ryan]

Good to hear you got your sites back up and running ” title=”Smiley” />

[code:4qbqb5us]#suckerfishnav a:hover {
    text-decoration: underline;
    }[/code:4qbqb5us]

[BrianAdkins6300]

Yeah,  Thanks for all the help Ryan, pointing out what you saw.  I found a guy at our host who just reuploaded all the WP database files where he saw the hack.  Worked perfectly.

Thanks for the CSS code.  I thought that’s what the code was but wanted to make sure.  The more I work at this coding stuff the more intuitive it gets. Works perfect though.  Thanks again Ryan. 

[imported_Ryan]

Good to hear it is working ” title=”Smiley” />

[Author]

Posts