Mobile Friendly Website

CSSPLAY

Doing it with style

Menu-7 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

daiv:-
Good afternoon, thank for the site, you've been busy. inspirational, i like the tiny css drawings.
(17.02.2004, 16:58)

Geoff:-
Demoralizingly good !

I wish the script for the CSS menus was seperate or downloadable because I can't easilly sort out the wheat from the chaff
I teach some web design (using tables .... ) and I want to show my students CSS as a future proof alternative.

Thanks you

Geoff
(12.06.2004, 20:17)

Stu:-
If you examine the source code you will see the css embeded in the page. This is the just the css for the particular example. The code is in the #example div.
(13.06.2004, 20:55)

Tim:-
Hi Stu. I really like this menu. There is one thing i can't figure out though :) ... I just can't seem to find out how to get the "Description Box" to "stay visible", when i move outside one of the "Item x"-boxes ... is this possible at all? Then it would be possible to use this menu, as an expanding one, without the terror of JavaScript, which i would really much like to avoid in a menu.

Anyways, nicely done.
/Tim
(18.06.2004, 01:58)

Stu:-
It is not possible to nest links within links so this would not make a pull out menu. It can be done with non-ie browsers (check the mozilla menu) and also the 'cross browser drop down'.
(18.06.2004, 08:12)

Tim:-
Ok, thank you very much for the quick reply. Now I'm that much wiser in css :) - /Tim
(18.06.2004, 13:31)

Michael:-
I like this menu and I'm trying to adapt it for my own web page (URI upon request, of course!). I've been experimenting, however--dangerous thought, especially since I'm using IE 6 for Windows--and while I've had no trouble putting the menu on the right side of the page and the description box on the left (using a negative parameter for the "lk" span), I've also tried to hide the border around the link and keep it for the description box alone. Surprise, surprise: change the border color in the a:hover statement to #000 and not only the border disappears but the description box also! I don't yet see anything in the code that would explain this. What have I overlooked?
(15.02.2005, 14:48)

Michael:-
Another thing: Is there a way to size these menus using ems instead of pixels? The advantage of pixels is that they're absolute, and while ems change with the font-size, that plus turns into a minus when trying to match objects in one category (the overall menu) with another (the <a>s and <p>s--and if you know the history of American grocery stores you know why that phrase suddenly raises a chuckle for me). Have you any thoughts on the whole px vs. ems question?
(15.02.2005, 14:53)

Stu:-
Hi Michael, you have discovered the IE pop-up bug :o)
If you want to remove the border from the link then you need to replace it with 'white-space: normal;' (there are a few other triggers but I find this one best). IE needs this to make it redraw the menu.
As to px v ems, my thoughts are that they both serve a purpose (BTW px sizes are resizeable in FF etc.)
To change this menu to ems just alter every px size (width, height, font etc) to an em equivalent or whatever is suitable and it should still work.
(16.02.2005, 09:03)

June D.:-
This is in regards to menu six.
I can get this to work for me using the codes you gave but how do I get the arrows?
(24.02.2006, 23:56)



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