Comments on: CSS-Only Hover Menu http://pressography.com/tutorials/css-only-hover-menu/ The Art Of Customizing Wordpress Fri, 05 Mar 2010 16:26:03 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: bing http://pressography.com/tutorials/css-only-hover-menu/comment-page-1/#comment-2037 bing Thu, 05 Mar 2009 21:02:20 +0000 http://pressography.com/tutorials/css-only-hover-menu/#comment-2037 You made my day! For the last few days I'm looking through the net for a solution that solves the IE6's menu hovering problem. I found many reports and descriptions of the problem, but their solutions was not easy for me to understand. You gave the above detailed description AND an example. The first thing that I did, is to run your example in IE6 and I enjoyed looking at the result :-). Then I put your code in my page, and saw that it is working without the code problems that I had before. Thank you! Thank you! Thank you!<div class="comment-remix-meta"><a href="#" class="replyto" onclick="replyto('2037','bing'); return false;">Reply</a> | <a href="#" class="quote" onclick="quote('2037','bing','You made my day!\r\nFor the last few days I\'m looking through the net for a solution that solves the IE6\'s menu hovering problem. I found many reports and descriptions of the problem, but their solutions was not easy for me to understand.\r\n\r\nYou gave the above detailed description AND an example.\r\n\r\nThe first thing that I did, is to run your example in IE6 and I enjoyed looking at the result :-).\r\n\r\nThen I put your code in my page, and saw that it is working without the code problems that I had before.\r\n\r\nThank you! Thank you! Thank you!'); return false;">Quote</a></div> You made my day!
For the last few days I’m looking through the net for a solution that solves the IE6’s menu hovering problem. I found many reports and descriptions of the problem, but their solutions was not easy for me to understand.

You gave the above detailed description AND an example.

The first thing that I did, is to run your example in IE6 and I enjoyed looking at the result :-) .

Then I put your code in my page, and saw that it is working without the code problems that I had before.

Thank you! Thank you! Thank you!

Reply | Quote
]]> By: Tim http://pressography.com/tutorials/css-only-hover-menu/comment-page-1/#comment-1816 Tim Tue, 11 Nov 2008 06:18:43 +0000 http://pressography.com/tutorials/css-only-hover-menu/#comment-1816 why would you ever use RGB colours.......<div class="comment-remix-meta"><a href="#" class="replyto" onclick="replyto('1816','Tim'); return false;">Reply</a> | <a href="#" class="quote" onclick="quote('1816','Tim','why would you ever use RGB colours.......'); return false;">Quote</a></div> why would you ever use RGB colours…….
Reply | Quote
]]> By: Jason http://pressography.com/tutorials/css-only-hover-menu/comment-page-1/#comment-1512 Jason Tue, 22 Jul 2008 03:46:47 +0000 http://pressography.com/tutorials/css-only-hover-menu/#comment-1512 <a href="#comment-1491" rel="nofollow">@someone</a> - Awesome, glad it was helpful. Thanks for the extra CSS! That should be helpful for others wanting to add backgrounds on hover!<div class="comment-remix-meta"><a href="#" class="replyto" onclick="replyto('1512','Jason'); return false;">Reply</a> | <a href="#" class="quote" onclick="quote('1512','Jason','<a href=\"#comment-1491\" rel=\"nofollow\">@someone<\/a> - Awesome, glad it was helpful. Thanks for the extra CSS! That should be helpful for others wanting to add backgrounds on hover!'); return false;">Quote</a></div> @someone – Awesome, glad it was helpful. Thanks for the extra CSS! That should be helpful for others wanting to add backgrounds on hover!
Reply | Quote
]]> By: someone http://pressography.com/tutorials/css-only-hover-menu/comment-page-1/#comment-1491 someone Sun, 20 Jul 2008 11:22:00 +0000 http://pressography.com/tutorials/css-only-hover-menu/#comment-1491 Hi, this menu helped a lot. But I added this code: .dropnav ul li a:hover ul li a, .dropnav ul li:hover ul li a, .dropnav ul li:hover ul li:hover ul li a, .dropnav ul li:hover ul li:hover ul li:hover ul li a { background-color:rgb(237,237,237); /*non-hover*/ color:rgb(50,50,50); } .dropnav ul li a:hover ul li a:hover, .dropnav ul li a:hover, .dropnav ul li:hover ul li a:hover, .dropnav ul li:hover a, .dropnav ul li:hover ul li:hover a, .dropnav ul li:hover ul li:hover ul li:hover a, .dropnav ul li:hover ul li:hover ul li:hover ul li:hover a { background-color:rgb(210,210,210); /* hover-background */ } After that, the level1-item also hovered as the mouse is in level2. thanks a lot! sorry my english, i am german someone<div class="comment-remix-meta"><a href="#" class="replyto" onclick="replyto('1491','someone'); return false;">Reply</a> | <a href="#" class="quote" onclick="quote('1491','someone','Hi,\r\nthis menu helped a lot.\r\nBut I added this code:\r\n\r\n.dropnav ul li a:hover ul li a, .dropnav ul li:hover ul li a, .dropnav ul li:hover ul li:hover ul li a, .dropnav ul li:hover ul li:hover ul li:hover ul li a { \r\n background-color:rgb(237,237,237); \/*non-hover*\/\r\n color:rgb(50,50,50);\r\n}\r\n.dropnav ul li a:hover ul li a:hover, .dropnav ul li a:hover, .dropnav ul li:hover ul li a:hover, .dropnav ul li:hover a, .dropnav ul li:hover ul li:hover a, .dropnav ul li:hover ul li:hover ul li:hover a, .dropnav ul li:hover ul li:hover ul li:hover ul li:hover a {\r\n background-color:rgb(210,210,210); \/* hover-background *\/\r\n}\r\n\r\nAfter that, the level1-item also hovered as the mouse is in level2.\r\n\r\nthanks a lot!\r\nsorry my english, i am german\r\nsomeone'); return false;">Quote</a></div> Hi,
this menu helped a lot.
But I added this code:

.dropnav ul li a:hover ul li a, .dropnav ul li:hover ul li a, .dropnav ul li:hover ul li:hover ul li a, .dropnav ul li:hover ul li:hover ul li:hover ul li a {
background-color:rgb(237,237,237); /*non-hover*/
color:rgb(50,50,50);
}
.dropnav ul li a:hover ul li a:hover, .dropnav ul li a:hover, .dropnav ul li:hover ul li a:hover, .dropnav ul li:hover a, .dropnav ul li:hover ul li:hover a, .dropnav ul li:hover ul li:hover ul li:hover a, .dropnav ul li:hover ul li:hover ul li:hover ul li:hover a {
background-color:rgb(210,210,210); /* hover-background */
}

After that, the level1-item also hovered as the mouse is in level2.

thanks a lot!
sorry my english, i am german
someone

Reply | Quote
]]> By: fredtatum http://pressography.com/tutorials/css-only-hover-menu/comment-page-1/#comment-7 fredtatum Tue, 18 Mar 2008 14:36:45 +0000 http://pressography.com/tutorials/css-only-hover-menu/#comment-7 This helped tremendously when developing my site. I've been looking for a css based hover menu. Thanks again!<div class="comment-remix-meta"><a href="#" class="replyto" onclick="replyto('7','fredtatum'); return false;">Reply</a> | <a href="#" class="quote" onclick="quote('7','fredtatum','This helped tremendously when developing my site. I\'ve been looking for a css based hover menu. Thanks again!'); return false;">Quote</a></div> This helped tremendously when developing my site. I’ve been looking for a css based hover menu. Thanks again!
Reply | Quote
]]>