Mobile Friendly Website


Doing it with style

Drop down definition list 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}

Post a comment

Current posts

Just gotta say, your site has taught me a lot about CSS.

When a problem comes up I always check your site as a reference. Lo and behold such an occasion came up and your idea about using definition lists has definately pointed me in a different/great direction.

I'm just trying to figure out how to get the dd to appear and stay when a:active, a:focus is on the dt. Any ideas?

Thanks again for all the inspiration!
(07.12.2006, 09:14)

Hi - great site, I've learned so much about CSS by working through your examples. I have a problem with and I had the Drop Down Definition List adapted and working perfectly in Firefox and IE6, but in IE7 the DD lists don't drop down when hovered over.

Before setting off and pulling my code apart I took the stylesheet and id="menu" sections out of your original source code to create the equivalent of an SSI in a single html page that would just display the menu (i.e. I cut and pasted everything between the <style> tags and everything between <div id="menu"> and saved the page as menu.html) and, lo and behold, your original code does exactly the same thing as my page in IE7, but still works fine in Firefox. Of course, when your menu's sitting in your original web page it works fine in IE7.

I'm obviously missing something when using your CSS code - could you please point me in the right direction?
(05.08.2007, 09:30)

Phil, check you doctype is standards compliant. A link to suitable doctypes can be found in the FAQs
(05.08.2007, 09:32)

Thanks so much - I had no idea it would have been something quite so simple as just using a strict doctype in the heading.

It now works perfectly in IE7 too. Thanks for your super quick reply.
(05.08.2007, 10:01)

Phil, it doesn't have to be strict, html4.01 transitional should also work.
(05.08.2007, 12:12)

Thanks so much -I enjoyed working and playing with css
(20.09.2007, 09:57)

Nice work
(20.09.2007, 09:59)

I wish I had read the comments section first. My problem is identical to Phil's. The code works in IE 6, but not IE 7. The real puzzler was why your examples worked in IE 7, but my test page using the same code did not. Once I defined the doctype in the heading all was well.

Does IE7 have stricter requirements than IE6 on CSS manipulation? I'm curious why failing to specify the doctype in IE6 doesn't cause the example to fail.
(07.01.2008, 23:31)

Jeremy, failing to use a standards compliant doctype in IE6 will switch it into quirks mode. Although this will not stop the menu working it will give you the faulty box model to contend with.
(08.01.2008, 08:52)


Faulty box model? I need to educate myself more on the front end stuff. As a humble programmer I don't usually deal with the presentation layer.

Thank you for your examples though, they were very useful in learning more.

(08.01.2008, 14:35)

10 of 13 comments (part 1). [ » ] [ * ]


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://'


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.


Facebook Twitter rss feed Facebook Fan Page