On 21/10/2004, at 4:19 PM, Paul Ross wrote:

Hello folks,

I've used the infamous "Suckerfish" dropdown menu on a couple of sites
and have come across one glaring issue. The suckerfish CSS owns the ul
and li tags so you can't style them anywhere else on the page. Anyone
else had the same problem and what is the best solution? I haven't
tried son of suckerfish yet - maybe that has the same issue??

Wrap the navigation in a div with an id like "nav" to act as a container, and change the suckerfish CSS selectors to reflect the container:


ul { /* all lists */
        padding: 0;
        margin: 0;
        list-style: none;
}
...
li:hover ul, li.over ul { /* lists nested under hovered list items */
        display: block;
}

becomes

#nav ul { /* all lists */
        padding: 0;
        margin: 0;
        list-style: none;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
display: block;
}


make sense?

Justin

******************************************************
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************



Reply via email to