Is there any way to make a "pure" CSS horizontal drop-down menu that will work on all visual platforms?
Something along the lines of the following link, but WITHOUT the use of any kind of scripting (yes, that means javascript):
<!-- m --><a class="postlink" href="http://www.alsacreations.com/articles/deroulant/cssmenu2.htm">http://www.alsacreations.com/articles/d ... smenu2.htm</a><!-- m -->
Thanx.No, there is no way that I've been able to find. The principle problem with it would be that CSS isn't procedural. There's no way to have an event in one element, trigger a response in another. You can't say a:hover { div.visibility: visible }
There's no way to reference another page element inside the style rules themselves, just with the tag selectors, so no, it's not possible.You can style my menu horizontally, but you would still need a bit of scripting for IEExplain.Sorry, most regulars know the link by now...
<!-- w --><a class="postlink" href="http://www.vladdy.net/Demos/CSSNav.htmlObviously">www.vladdy.net/Demos/CSSNav.htmlObviously</a><!-- w --> with 7 posts I'm not one. Interesting. What's the problem you mentioned in IE? I just opened it, and the menu was perfectly visible, same as all other browsers. What scripting is necessitated by IE?the behaviour.
See <!-- w --><a class="postlink" href="http://www.vladdy.net/Demos/IEPseudoClassesFix.html">www.vladdy.net/Demos/IEPseudoClassesFix.html</a><!-- w --> for explanation.
And welcome to the forums.
Ah I see. I would never have known that code was there. HTC? Hide The Code? 
And thanks for the welcome.Cool. So I'd ONLY be using M$-specific code ONLY for IE, right?
I think I can live with that.
How would I implement this, Vladdy?
Could you send me a sample?
Thanx.Yeah, compliant browsers will ignore behavior:
I do not have a horizontal sample but what you can do is float the root list items left and go from there.Sorry to keep bugging you, Vladdy, but could you give me a little more of a hint on this one?
Can't seem to get this menuing system away from "vertical" alignment.
Thanx.Vladdy?
Buehler?
Anyone?
Okay.
What about using server-side (PHP)? Is that possible?
Thanx.Originally posted by stmasi
What about using server-side (PHP)? Is that possible?
No, you can't use server-side languages for anything except processing information. Once the page has fully loaded, PHP will have been parsed, and will not be parsed again until a refresh or you load a different page.
And as for converting it to horizontal, I think you should be able to figure that out by playing around with it. Vladdy has done a great service by creating this feature, and I don't think we should make him work anymore than he has. Keep in mind he is allowing people to use this service without any profit for him.
-DanI tried to implement this, but I can't seem to get it to work.
The first rollover isn't working.
12.42.202.197/PHPTest/ministries/family.php
It's the Choose a ministry department menu
I did place the CSSNavIEHover.htc file as well.
Would love some assistance.If you are still looking for a horizontal drop-down menu with CSS, and can't get Vladdy's to work, you might want to check out Suckerfish Dropdowns from ALA (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/dropdowns/">http://www.alistapart.com/articles/dropdowns/</a><!-- m -->). That's what I will be using on my site (when I get it back up, which I'm not sure when will happen).
Something along the lines of the following link, but WITHOUT the use of any kind of scripting (yes, that means javascript):
<!-- m --><a class="postlink" href="http://www.alsacreations.com/articles/deroulant/cssmenu2.htm">http://www.alsacreations.com/articles/d ... smenu2.htm</a><!-- m -->
Thanx.No, there is no way that I've been able to find. The principle problem with it would be that CSS isn't procedural. There's no way to have an event in one element, trigger a response in another. You can't say a:hover { div.visibility: visible }
There's no way to reference another page element inside the style rules themselves, just with the tag selectors, so no, it's not possible.You can style my menu horizontally, but you would still need a bit of scripting for IEExplain.Sorry, most regulars know the link by now...
<!-- w --><a class="postlink" href="http://www.vladdy.net/Demos/CSSNav.htmlObviously">www.vladdy.net/Demos/CSSNav.htmlObviously</a><!-- w --> with 7 posts I'm not one. Interesting. What's the problem you mentioned in IE? I just opened it, and the menu was perfectly visible, same as all other browsers. What scripting is necessitated by IE?the behaviour.
See <!-- w --><a class="postlink" href="http://www.vladdy.net/Demos/IEPseudoClassesFix.html">www.vladdy.net/Demos/IEPseudoClassesFix.html</a><!-- w --> for explanation.
And welcome to the forums.
Ah I see. I would never have known that code was there. HTC? Hide The Code? And thanks for the welcome.Cool. So I'd ONLY be using M$-specific code ONLY for IE, right?I think I can live with that.
How would I implement this, Vladdy?
Could you send me a sample?
Thanx.Yeah, compliant browsers will ignore behavior:
I do not have a horizontal sample but what you can do is float the root list items left and go from there.Sorry to keep bugging you, Vladdy, but could you give me a little more of a hint on this one?
Can't seem to get this menuing system away from "vertical" alignment.
Thanx.Vladdy?
Buehler?
Anyone?
Okay.What about using server-side (PHP)? Is that possible?
Thanx.Originally posted by stmasi
What about using server-side (PHP)? Is that possible?
No, you can't use server-side languages for anything except processing information. Once the page has fully loaded, PHP will have been parsed, and will not be parsed again until a refresh or you load a different page.
And as for converting it to horizontal, I think you should be able to figure that out by playing around with it. Vladdy has done a great service by creating this feature, and I don't think we should make him work anymore than he has. Keep in mind he is allowing people to use this service without any profit for him.
-DanI tried to implement this, but I can't seem to get it to work.
The first rollover isn't working.
12.42.202.197/PHPTest/ministries/family.php
It's the Choose a ministry department menu
I did place the CSSNavIEHover.htc file as well.
Would love some assistance.If you are still looking for a horizontal drop-down menu with CSS, and can't get Vladdy's to work, you might want to check out Suckerfish Dropdowns from ALA (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/dropdowns/">http://www.alistapart.com/articles/dropdowns/</a><!-- m -->). That's what I will be using on my site (when I get it back up, which I'm not sure when will happen).