BIRT 3.7
Written by: Michael Williams
Featured Refcardz: Top Refcardz:
  1. Scrum
  2. Apache Maven 2
  3. Essential MySQL
  4. Node.js
  5. Groovy
  1. jQuery Selectors
  2. Ajax
  3. Java
  4. Spring Config.
  5. Java Concurrency

Link Details

Link 141834 thumbnail
User 364606 avatar

By jorenrapini
via jorenrapini.com
Published: Dec 17 2008 / 16:45

A single image navigation rollover tutorial with drop-downs using nothing but CSS that works in all necessary browsers.
  • 13
  • 2
  • 1821
  • 0

Comments

Add your comment
User 219110 avatar

jp0p replied ago:

0 votes Vote down Vote up Reply

voted down b/c using tables and IE CCs is too much markup and css. Also, not practical when using CMS.

User 364606 avatar

jorenrapini replied ago:

0 votes Vote down Vote up Reply

As far as I've been able to discover, that is the only way to get CSS drop-downs properly working in IE. There are plenty of javascript methods, but CSS/HTML runs so much faster and is more accessible. If you have tips to improve what I have there, please let me know. That's the whole point of social networking ;)

User 219110 avatar

jp0p replied ago:

0 votes Vote down Vote up Reply

Hi jorenrapini,
You are correct. Using tables and IE conditional comments is the only way to make drop downs work in IE6 without JS. I believe the small JavaScript footprint of the suckerfish approach is better for IE6 because there is less HTML markup for the better browsers (IE7+,FF,Safari,Opera).

Add your comment


Html tags not supported. Reply is editable for 5 minutes. Use [code lang="java|ruby|sql|css|xml"][/code] to post code snippets.