Mobile Friendly Website

CSSPLAY

Doing it with style

drop variation COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}cssplay.co.uk.

Post a comment


Current posts

Roger Myles:-
Stu, A very interesting site which I came across via a google search. Like you I am 59 but redundant, spent many years in the telecomms industry, now trying to scratch a living doing computer things. I have a family history site (which I will not bore you with) but the idea was to learn XHTML and CSS (which I have a bit). If you do'nt mind I will take my learning to the next level using your expetise as shown in this site.
(23.04.2006, 18:09)

Stu:-
Roger, that's what this site is for. Good luck with whatever venture you undertake.
(23.04.2006, 18:47)

Ben:-
Hey Stu,

About your Drop Variation, can you make a second sublevel work for IE.

I aded this to my css:
for non ie:
#Menu ul li:hover ul li ul {display:none}
#Menu ul li:hover ul li:hover ul {display:block;position:absolute;left:96px;top:-9px;width:96px}
for IE:

#SEOMenuH ul li a:hover ul li a ul {visibility:hidden;position:absolute;height:0;width:86px;left:89px; z-index:99999}
#SEOMenuH ul li a:hover ul li a:hover ul {visibility:visible;position:absolute;top:-9px;color:#000;left:89px; z-index:99999}

this does work in all browers for a 2nd and up levels but not for ie it will not show more than the the first hover which shows the first drop down
(01.05.2006, 01:22)

Ben:-
Hey Stu,
Sorry about the miss typing, here is the actual add.

About your Drop Variation, can you make a second sub-level work for IE.

I aded this to my css:

for non IE:
#Menu ul li:hover ul li ul {display:none}
#Menu ul li:hover ul li:hover ul {display:block;position:absolute;left:96px;top:-9px;width:96px}

for IE:
#Menu ul li a:hover ul li a ul {visibility:hidden;position:absolute;height:0;width:86px;left:89px; z-index:99999}

#Menu ul li a:hover ul li a:hover ul {visibility:visible;position:absolute;top:-9px;color:#000;left:89px; z-index:99999}

this does work in all browsers for a 2nd and up levels but not for IE it will not show more than the the first hover which shows the first drop down.
(01.05.2006, 01:25)

Stu:-
Thanks Ben, but a second level menu is already on this site (www.cssplay.co.uk/menus/final_drop.html)
I just decided that this one only needed one level.
(01.05.2006, 09:11)

Ben:-
No problem Stu
(02.05.2006, 00:36)

Roy:-
... I am a bit speechless. Nobody can beat this. It is even better than to javascript dropdowns... Only problem is that my site has WCAG AAA conformance. And I plan to keep it that way. So I must seek a way to make this one device independent. But how?
(02.05.2006, 18:38)

Roy:-
I have the solution! Making a stylesheet switcher enables me to disable the stylesheet, and then it becomes device-independent!
(02.05.2006, 18:40)

Ryan:-
Hey Stu - thanks for your great work. I'm really trying my best to work with the "drop variation" code you've created.

Basically, I'm using smugmug.com as my photo sharing site which you can costomize to taste. However, I have only ONE spot to put my costom css code. So I don't know how I can use the code you've provided in the "drop variation" example since it requires TWO costome .css's.

Obviously I want this to work on all browsers (or as many as possible)...so is there a way I can do this with access to only one location for a custom css code?

Thanks for any help you can (and have) offered.
(12.05.2006, 01:30)

Mike Lane:-
Stu, I noticed that your xhtml for your variations on a drop down theme for 17 April has the table, tr, and td elements not enclosed in the conditional comments like an earlier version of the drop down menu did. Was that done on purpose? If so, why? I was under the assumption that the purpose of the conditional comments was to hide the <a> element for the hover in IE and table elements for layout in IE.
(12.05.2006, 01:54)

10 of 30 comments (part 3). [ « ] [ * ]



Post

Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'

Support CSSPLAY

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page