Is anyone familiar with the Suckerfish Dropdowns (<!-- m --><a class="postlink" href="http://www.htmldog.com/articles/suckerfish/dropdowns/">http://www.htmldog.com/articles/suckerfish/dropdowns/</a><!-- m -->)? I am trying to use this in my pages, but I'm having a few problems. First of all, can anyone tell me how to make it work in IE? I know it explains it in the article, but it's not working for me! If anyone can explain how to put the script they use in the actual page, I would appreciate it. I know that sounds dumb. I hope this is the right forum for this. It's a CSS based menu, so...yeah.Maybe it would be easier to link to your page and ask what's going wrong. It's a lot easier that way because at the moment all I can do is take a wild stab in the dark.oh um. no. not at the moment. all I've done is take the stuff directly off the suckerfish article linked in my first post. I just need to know how to put the IE fix in. Like, does it go in the body or the head or what?The JavaScript goes in the head.
If you look at the source of one of the examples you can see where everything goes.thanks. haha i feel dumb...OK example time!
#nav li ul a {
width: 13em;
w\idth: 9em;
}
What does the "w\idth" part mean?Have a gander at this:
<!-- m --><a class="postlink" href="http://centricle.com/ref/css/filters/">http://centricle.com/ref/css/filters/</a><!-- m -->
That particular hack won't apply the rule to most of the older browsers.OK, thanks. Now, one more question. Like I said before, I've basically just taken the information from the article example pages. And now I've modified some of it so that it looks the way I want it to. The only problem now is that now, I have 6 top-level items instead of three and instead of making them in one long line, there are two lines of three. Also, when I tried to put up a test page (<!-- m --><a class="postlink" href="http://www.onlinerock.com/clubs/blahblahblah/menupage.html">http://www.onlinerock.com/clubs/blahbla ... upage.html</a><!-- m -->), it didn't work. It just looked like a list. Maybe that free host doesn't support CSS? I didn't really check, it's just a site I use to put images online for my blog, and I just tried putting it there. OK, I'll stop blabbering. Please help!nevermind, ignore that, I figured it out.OK my next (and hopefully last) question is this:
How would I make it so that the links in the second level and beyond will only be underlined when you hover over them?Well, all I get is a list with this in the code:<style type="text/css" media="screen">[an error occurred while processing this directive]</style>By the way, don't bother with the media="screen" bit, by default it's screen.How would I make it so that the links in the second level and beyond will only be underlined when you hover over them? Add the following code:#nav li li a, #nav li li li a{ /* second-and-above-level list items */
text-decoration:none;
}
#nav li li a:hover, #nav li li li a:hover { /* second-and-above-level hovered list items */
text-decoration:underline;
}Originally posted by lavalamp
Well, all I get is a list with this in the code:<style type="text/css" media="screen">[an error occurred while processing this directive]</style>By the way, don't bother with the media="screen" bit, by default it's screen.
Well, for some reason it's working on the local computer but not when I upload it on that site. I haven't tried it anywhere else, but I don't know why it would do that.Originally posted by hooloovoo24
Well, for some reason it's working on the local computer but not when I upload it on that site. I haven't tried it anywhere else, but I don't know why it would do that. Refresh?
If you look at the source of one of the examples you can see where everything goes.thanks. haha i feel dumb...OK example time!
#nav li ul a {
width: 13em;
w\idth: 9em;
}
What does the "w\idth" part mean?Have a gander at this:
<!-- m --><a class="postlink" href="http://centricle.com/ref/css/filters/">http://centricle.com/ref/css/filters/</a><!-- m -->
That particular hack won't apply the rule to most of the older browsers.OK, thanks. Now, one more question. Like I said before, I've basically just taken the information from the article example pages. And now I've modified some of it so that it looks the way I want it to. The only problem now is that now, I have 6 top-level items instead of three and instead of making them in one long line, there are two lines of three. Also, when I tried to put up a test page (<!-- m --><a class="postlink" href="http://www.onlinerock.com/clubs/blahblahblah/menupage.html">http://www.onlinerock.com/clubs/blahbla ... upage.html</a><!-- m -->), it didn't work. It just looked like a list. Maybe that free host doesn't support CSS? I didn't really check, it's just a site I use to put images online for my blog, and I just tried putting it there. OK, I'll stop blabbering. Please help!nevermind, ignore that, I figured it out.OK my next (and hopefully last) question is this:
How would I make it so that the links in the second level and beyond will only be underlined when you hover over them?Well, all I get is a list with this in the code:<style type="text/css" media="screen">[an error occurred while processing this directive]</style>By the way, don't bother with the media="screen" bit, by default it's screen.How would I make it so that the links in the second level and beyond will only be underlined when you hover over them? Add the following code:#nav li li a, #nav li li li a{ /* second-and-above-level list items */
text-decoration:none;
}
#nav li li a:hover, #nav li li li a:hover { /* second-and-above-level hovered list items */
text-decoration:underline;
}Originally posted by lavalamp
Well, all I get is a list with this in the code:<style type="text/css" media="screen">[an error occurred while processing this directive]</style>By the way, don't bother with the media="screen" bit, by default it's screen.
Well, for some reason it's working on the local computer but not when I upload it on that site. I haven't tried it anywhere else, but I don't know why it would do that.Originally posted by hooloovoo24
Well, for some reason it's working on the local computer but not when I upload it on that site. I haven't tried it anywhere else, but I don't know why it would do that. Refresh?