Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
- CommentAuthorthepowerofed
- CommentTimeApr 28th 2006
I'm having issues with this "li" that's jumping. Essentially, I have text, and on li:hover everything is shifting. I know why it's happening, but I'm having trouble figuing out the how to fix it. I've tried adjusting margins, but nada. Here's a snippet of code I'm using:
.item li {
padding: 15px 0px;
}
.item li:hover {
background-color: #000000;
text-decoration: none;
border: 1px dashed #CC0000;
} -
- CommentAuthordmitryseliv
- CommentTimeApr 28th 2006
Hi!
You need to post URL or whole sample so we can see where is the problem.
But at glance remove li:hover from LI tag and apply it to <A> jumping affect that you see created by border 1px property.
Best, DS -
- CommentAuthorthepowerofed
- CommentTimeApr 28th 2006
Thx ...
I ended going with a transparent border to fake out the shake. We'll see how that matches up on other browsers. -
Why not give the nonhover li's border the color of the bg its on?
-
- CommentAuthorthepowerofed
- CommentTimeApr 29th 2006
The li's over a textured background. The transparent border seems to work fine on the browsers I have access to (FF, Safari, Opera) The whole site looks terrible on IE5 though. I tried the outline trick, but it didn't do a full border on hover. Just had to make a few padding adjustments to make it all good.
1 to 6 of 6