RE: [WSG] Suckerfish owning li & ul tags
I just posted some code under the thread named "Broken Menus and Bullets" that covers this issue. It's actually for the ALA Horizontal flyouts code, but the theory is the same. Hopefully that will help! Cheers Jason ** Jason Foss Almost Anything Desktop Publishing www.almost-anything.com.au Telephone: (07) 4927 8033 Facsimile: (07) 4927 5312 Windows Messenger: [EMAIL PROTECTED] 9 Unmack Street, North Rockhampton, Queensland 4701 We can do almost anything! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Ross Sent: Thursday, 21 October 2004 4:19 PM To: [EMAIL PROTECTED] Subject: [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 ** ** 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
**
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 **
[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 **
