Button rollover moves slightly
-
Page I’m talking about: http://www.qqusai.com/?p=55 <– The “DOWNLOAD” button.
CSS Code I have:
———————————————
.download {
height: 60px;
width: 520px;
}.download a:link, .download a:visited, .download a:active {
background:url(http://qqusai.com/wp-content/themes/gridlocked/images/light/btn.png) no-repeat;padding: 30px 260px;
display: inline-block;}
.download a:hover {
background:url(http://qqusai.com/wp-content/themes/gridlocked/images/light/btn_roll.png) no-repeat;padding: 30px 260px;
display: inline-block;}
———————————————
As you can see, if you go to that page, you’ll notice the button moves slightly. What would you suggest I do?
Thanks!
Qusai -
You did not specify a blog address or reason for posting when you created this topic.
This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.
If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.
If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.
This is an automated message.
-
-
I’ve had this problem before with personal websites, in my case the problem was that the hover img was a couple pixels larger than the original button (due to neon blend fx).
My fix was to adjust the padding till it matched up the way it was supposed to. Have a look at the img dimensions, if it’s 4pixels wider or taller then remove 2 pixels from the appropriate margin and see if you’re closer to where you need to be.
-
Looks like you solved it at http://wordpress.org/support/topic/button-rollover-moves-slightly
:)
-
- The topic ‘Button rollover moves slightly’ is closed to new replies.
WordPress.com Forums 
