Comments on: CSS Rollover Button http://www.davidjrush.com/blog/2009/01/css-rollover-button/ A blog written about web design, CSS, and coding for beginners Tue, 22 Jun 2010 17:31:24 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Mugur Marculescu http://www.davidjrush.com/blog/2009/01/css-rollover-button/comment-page-1/#comment-3805 Mugur Marculescu Sun, 15 Nov 2009 04:09:57 +0000 http://www.davidjrush.com/blog/?p=14#comment-3805 David, Thanks for the reply; I double checked my css code and found the mistake. Simply forgot to target the A and was setting the properties for the DIV instead. David,
Thanks for the reply; I double checked my css code and found the mistake. Simply forgot to target the A and was setting the properties for the DIV instead.

]]> By: David http://www.davidjrush.com/blog/2009/01/css-rollover-button/comment-page-1/#comment-3803 David Sun, 15 Nov 2009 03:46:46 +0000 http://www.davidjrush.com/blog/?p=14#comment-3803 Mugur, the workaround shouldn't be necessary. If you look at the CSS closely, it applies to the a tag, and not to the div surrounding it. The div is what contains the class and ID information that identifies the correct a tag to apply the CSS to, but technically you can bypass the need for the div and apply a class and/or ID to the a tag directly. Mugur, the workaround shouldn’t be necessary. If you look at the CSS closely, it applies to the a tag, and not to the div surrounding it. The div is what contains the class and ID information that identifies the correct a tag to apply the CSS to, but technically you can bypass the need for the div and apply a class and/or ID to the a tag directly.

]]> By: Mugur Marculescu http://www.davidjrush.com/blog/2009/01/css-rollover-button/comment-page-1/#comment-3792 Mugur Marculescu Sat, 14 Nov 2009 20:06:27 +0000 http://www.davidjrush.com/blog/?p=14#comment-3792 Very simple and to the point. I do have one issue and workaround. When I try this, the hit area that activates the roll over is the parent div (which is correct) but the hit area for the link is only the space taken up by the "a" tag, which depends on the size of the font, line-height and who knows what else; if it's small, it may not be anywhere near the size of your button. I simply set the padding of the specific "a" tag manually to fill the parent box. Any ideas on why this is happening. Maybe there's something I could be doing to prevent the need for the fix. Thanks for the example. Very simple and to the point.

I do have one issue and workaround. When I try this, the hit area that activates the roll over is the parent div (which is correct) but the hit area for the link is only the space taken up by the “a” tag, which depends on the size of the font, line-height and who knows what else; if it’s small, it may not be anywhere near the size of your button.

I simply set the padding of the specific “a” tag manually to fill the parent box. Any ideas on why this is happening. Maybe there’s something I could be doing to prevent the need for the fix.
Thanks for the example.

]]> By: David http://www.davidjrush.com/blog/2009/01/css-rollover-button/comment-page-1/#comment-2862 David Fri, 09 Oct 2009 22:11:30 +0000 http://www.davidjrush.com/blog/?p=14#comment-2862 Chad, I have to see an example of your code to be able to help. Basically, the code above would work for putting 6 buttons side by side, just add css to the div itself to float: left so that they line up next to each other. Chad, I have to see an example of your code to be able to help. Basically, the code above would work for putting 6 buttons side by side, just add css to the div itself to float: left so that they line up next to each other.

]]> By: chad wagner http://www.davidjrush.com/blog/2009/01/css-rollover-button/comment-page-1/#comment-2861 chad wagner Fri, 09 Oct 2009 19:56:49 +0000 http://www.davidjrush.com/blog/?p=14#comment-2861 Hi David- I am trying to put 6 buttons side by side and having trouble. Can you help? Take it easy on me, I'm a newbe :) Hi David-
I am trying to put 6 buttons side by side and having trouble. Can you help? Take it easy on me, I’m a newbe :)

]]>