In a style sheet I have:
a{ font-family: Tahoma; font-size: 8pt; color: #000066; font-weight: bold; text-decoration: none}
a:hover{ font-family: Tahoma; font-size: 8pt; color: #0000FF; font-weight: bold }
A.info{ font-family: Tahoma; font-size: 8pt; color: maroon; font-weight: bold; text-decoration: none}
A.info:hover{ color: blue;}
and these seem to work. Hyperlinks set as <a class=info> appear in maroon
However, on another page I want the hyperlinks to look completely different. So I have this on the page:
<style>
A.smenu { font-family: verdana: font-size: 7pt; color: black; text-decoration: none; }
A.smenu:hover { color: grey;}
</style>
But on this page the only thing that has changed is the color of the hyperlink. What do you have to do to get different looking hyperlinks on different pages?
Thanks for any help.look closely:
<style>
A.smenu { font-family: verdana: font-size: 7pt; color: black; text-decoration: none; }
A.smenu:hover { color: grey;}
</style>
does that help?
edit: by look closely I mean look closely at the thing I've colored red!Thanks for pointing that out, and now the font is correct. But, the hyperlinks are still bold and the A.smenu:hover { color:grey } does not work. When you hover over the smenu links they look like the links defined in the style sheet. i.e. they are Tahoma and turn blue instead of grey.
I would like the smenu hyperlinks to be verdana 7pt black (and not bold) and to turn grey when hovered over. Any ideas on what I have to do to achieve this please.can you give us a bit more of your code? e.g. the html that accompanies it? Frankly I've had problems doing it this way before, so I invariably use a container div around the whole block of code containing all the a tags I want to alter, and apply the styles through that - e.g. using
mydiv a { ... }
It has the benefit of reducing redundant code too.If I may comment, 7pt and 8pt are a bit small for the hard of hearing. I gather that the Mac renders them smaller than on the PC, making them virtually unreadable, perhaps a Mac user will confirm this ?
a{ font-family: Tahoma; font-size: 8pt; color: #000066; font-weight: bold; text-decoration: none}
a:hover{ font-family: Tahoma; font-size: 8pt; color: #0000FF; font-weight: bold }
A.info{ font-family: Tahoma; font-size: 8pt; color: maroon; font-weight: bold; text-decoration: none}
A.info:hover{ color: blue;}
and these seem to work. Hyperlinks set as <a class=info> appear in maroon
However, on another page I want the hyperlinks to look completely different. So I have this on the page:
<style>
A.smenu { font-family: verdana: font-size: 7pt; color: black; text-decoration: none; }
A.smenu:hover { color: grey;}
</style>
But on this page the only thing that has changed is the color of the hyperlink. What do you have to do to get different looking hyperlinks on different pages?
Thanks for any help.look closely:
<style>
A.smenu { font-family: verdana: font-size: 7pt; color: black; text-decoration: none; }
A.smenu:hover { color: grey;}
</style>
does that help?
edit: by look closely I mean look closely at the thing I've colored red!Thanks for pointing that out, and now the font is correct. But, the hyperlinks are still bold and the A.smenu:hover { color:grey } does not work. When you hover over the smenu links they look like the links defined in the style sheet. i.e. they are Tahoma and turn blue instead of grey.
I would like the smenu hyperlinks to be verdana 7pt black (and not bold) and to turn grey when hovered over. Any ideas on what I have to do to achieve this please.can you give us a bit more of your code? e.g. the html that accompanies it? Frankly I've had problems doing it this way before, so I invariably use a container div around the whole block of code containing all the a tags I want to alter, and apply the styles through that - e.g. using
mydiv a { ... }
It has the benefit of reducing redundant code too.If I may comment, 7pt and 8pt are a bit small for the hard of hearing. I gather that the Mac renders them smaller than on the PC, making them virtually unreadable, perhaps a Mac user will confirm this ?