[WSG] Suckerfish owning li ul tags
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?? Regards - PAUL SkyRocket Design Co http://www.skyrocket.com.au ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Suckerfish owning li ul tags
Paul Have a look at http://www.noltec.com.au/style.css, because all the son of suckerfish css is explicitly inside the #navmenu DIV the code has no effect on other lists within the same page Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav 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?? Regards - PAUL SkyRocket Design Co http://www.skyrocket.com.au ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Suckerfish owning li ul tags
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
**
