PDA

View Full Version : CSS issue, please help, simple to you pros!


LoveLeather
07-14-2007, 05:58 PM
OK so check this link and hover over the links, perfect just what I want.. www.loveleather.co.uk (http://www.loveleather.co.uk)

CSS code:

a {text-decoration: none; text-align: center; display: block;}
a:link {color: #343434;}
a:visited {color: #343434;}
a:hover {color: #FFFFFF; text-decoration: underline; background: #343434;}
a:active {colour: #343434;}

Then when I add........font-family: verdana; font-size: 12px;........to the first line I get the font style I like but the hover backgroung goes all tits up! Click http://www.loveleather.co.uk/bespoke.htm to see the problem.

The CSS for the bespoke page is below. Please help me when I am going wrong.

a {text-decoration: none; text-align: center; display: block; font-family: verdana; font-size: 12px;}
a:link {color: #343434;}
a:visited {color: #343434;}
a:hover {color: #FFFFFF; text-decoration: underline; background: #343434;}
a:active {colour: #343434;}

cocoonfx
07-15-2007, 09:51 PM
I don't think you have done anything wrong i have similar CSS and i can't see where your going wrong. i personally wouldn't have the black appear behind the text and just have the font change colour.

edbr
07-16-2007, 01:31 AM
a:link {color: #343434;text-decoration: none; text-align: center; font-family: verdana; font-size: 12px;}
a:visited {color: #343434;text-decoration: none; text-align: center; font-family: verdana; font-size: 12px;}
a:hover {color: #FFFFFF; text-decoration: underline; background: #343434;}
a:active {colour: #343434;}

try this .

LoveLeather
07-16-2007, 08:11 AM
Thanks edbr, but still no luck.

edbr
07-16-2007, 08:31 AM
First delete from the top of your pages
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>


a {font-family: verdana; font-size: 12px;}
a:link {color: #343434;text-decoration: none; text-align: center; }

a:visited {color: #343434;text-decoration: none; text-align: center; font-family: verdana; font-size: 12px;}

a:hover {color: #FFFFFF; text-decoration: underline; background: #343434;}

a:active {colour: #343434;}