2 replies [Last post]
LisaJill
Offline
Regular
Last seen: 17 years 24 weeks ago
Joined: 2003-08-06
Posts: 43
Points: 0

Hey all,

I've had this problem for awhile but I can't figure out why it's happening.

Whenever you mouse over some links, and especially images, things go jumping and dancing around, then back to normal on mouseout.

this is the style sheet:

http://www.lisajill.net/styles-site.css

this is the main place its happening

http://www.lisajill.net/photoblog/archives/cat_me.php

but its happening in all the photo albums and on other parts of the site.

can someone tell me why this is happening? do i have to get rid of the color changing to stop it or?

thanks!

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 10 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

a:hover making things jumpalot

Lisa

looks like the problem is in the hover

	a:hover {
	text-decoration: none; 
	color:#FFFFcc;
        padding:1px;
	background-color: transparent;
		}

You have a padding of 1px which of course would add 2 px in width and height, but you do not have any padding in your other definitions for A:link etc.

Remove the padding like thus

	a:hover {
	text-decoration: none; 
	color:#FFFFcc;
	background-color: transparent;
		}

Regards
Day

The only way to learn is to do it yourself

LisaJill
Offline
Regular
Last seen: 17 years 24 weeks ago
Joined: 2003-08-06
Posts: 43
Points: 0

a:hover making things jumpalot

Thank you Daybreak. I can't believe I didn't notice that; but I don't tend to play with padding settings so its not *too* surprising.

All fixed, thank you so much =)