PDA

View Full Version : Hover link problem.. please help me! :)

adriana4892
07-24-2005, 04:32 AM
hey there, whenever I hover over a link on my website, the background of the text is a white color, and it looks dissolved. I dont know if it's because there is something wrong with my stylesheet.. but help is very much appreciated:

This is what it looks like, when i hover over it: Here (http://img36.imageshack.us/img36/4523/pic2dv.png)

Here is my stylesheet:<style type="text/css">

A:link
{ text-decoration: none; color:#E548A5; }
A:visited
{ text-decoration: none; color:#E548A5; }
A:active
{ text-decoration: none; color:#585858; }
A:hover
{ text-decoration: none; color:#585858; cursor: ne-resize;

background-image: url(greybg.bmp);
background-color: transparent;

cursor: hand; }

h1 {font-family: arial;
color: #C52D3C; }

p {font-family: arial;
color: #000000; }

body
{ background: #transparent;
background-image: url(greybg.bmp);
background-repeat: repeat;
background-position: 100% 100%;
background-attachment: fixed;

font-family: arial;
color: #000000 ;
letter-spacing: 0pt;
font-weight: normal;
font-size: 8pt;

scrollbar-face-color : #CBCBCB;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #585858;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #585858;
scrollbar-track-color : #DCD9D9;
scrollbar-arrow-color : #FFFFFF; }


</style>
onigiri
07-24-2005, 04:50 AM
I think there are a few mistakes with your style sheet, like you're missing a bracket or two.

I think your style sheet should look like this:

<style type="text/css">

A:link
{ text-decoration: none; color:#E548A5; }
A:visited
{ text-decoration: none; color:#E548A5; }
A:active
{ text-decoration: none; color:#585858; }
A:hover
{ text-decoration: none; color:#585858; cursor: ne-resize;}

h1 {font-family: arial;
color: #C52D3C; }

p {font-family: arial;
color: #000000; }

body
{ background: #transparent;
background-image: url(greybg.bmp);
background-repeat: repeat;
background-position: 100% 100%;
background-attachment: fixed;

font-family: arial;
color: #000000 ;
letter-spacing: 0pt;
font-weight: normal;
font-size: 8pt;

scrollbar-face-color : #CBCBCB;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #585858;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #585858;
scrollbar-track-color : #DCD9D9;
scrollbar-arrow-color : #FFFFFF; }


</style>


By the way, what were these for:

background-image: url(greybg.bmp);
background-color: transparent;

cursor: hand; }?
MaGiCSuN
07-24-2005, 08:44 PM
and if it's a .css file, remember to delete the <style> and </style> tags :)

Love,
Mirna
adriana4892
07-24-2005, 09:58 PM
and if it's a .css file, remember to delete the <style> and </style> tags :)

Love,
Mirna

why, does that make a difference?
starlet
07-25-2005, 02:26 AM
Yes, it wont work if you leave them in on an external style sheet.
MaGiCSuN
07-25-2005, 10:09 AM
why, does that make a difference?

that's the whole purpose of having a .css file
when you put it between your <head> and </head> as a normal stylesheet it should have those tags around it. But in a .css file not