View Full Version : flickering link images


Tedsie
10-12-2003, 11:52 PM
I'm having a bit of a problem.
I downloaded a free layout with CSS and all that jazz (from digik.net, btw).
Usually I never have aproblem with layout designs and such..but this time i am.
My prime example is my (under construction) links page. http://www.geocities.com/tedsieland/links.html

hover the mouse over the link banners....it goes "flicker flicker flicker"
i know this has something to do with what's in the CSS or the html in the head tags...but I'm not great witht that stuff, so i don't kow what to look for.

any help on how to remove this and keep my links from moving? It's just getting onmy nerves and i'd rather they didn't move when you hover over them.
I'm also going to email the maker of the layout with this same message (basicly), but I don't know how fast they would reply, so I figured I'd have a better shot if I asked more people at a faster reply.

Cherchezlafemme
10-13-2003, 12:35 AM
ohhh check your A: hover in your CSS code and paste it here

Tedsie
10-13-2003, 01:06 AM
thanks for replying ^_^

it says:
A:hover
{Font-Weight:bold; Color: #306C28; Cursor:move;
Text-Decoration: none; position: relative; top: 1px; right: 1px;}



clearly it says "move"..but i don't know how i should change that so it doesn't move...lol.

MaGiCSuN
10-17-2003, 11:39 AM
i think i know what you mean, but i don't see it here either. Anywayz, there isn't really something to solve this out because in a certain resolution the button is on the first line when it's not hovering but because of the position: relative thing it goes to the second line when hovering. So that's when you get the "flickering" effect.

it's or take out the hover effect (the position: relative) or just leave it as it is... because i'm sure not many people are bothered by it :)

Love,
Mirna

Tedsie
10-17-2003, 07:36 PM
thanks,
but it bothers me...and it's my site-thingy..thusly i want to remove it.
i'm going to email the layout designer again..hopefully she'll actually reply..

any other help, though?
i hate this.

jill
10-19-2003, 03:00 PM
the "cursor: move" means when hovering over a link, the cursor is changed to the 'move' symbol--see http://www.lissaexplains.com/css2.shtml#cursorat

the "position: relative; top: 1px; right: 1px;" is what moves the link, relative to it's initial position, down 1 from the top and from the right, over 1 (essentially to the left).

you can change that line to just read

Text-Decoration: none; }

Tedsie
10-26-2003, 02:24 PM
thanks, i surely hope this works ^^

note: yay it did! thanks so-o much. ^^