PDA

Click to See Complete Forum and Search --> : How2 set TextMouseovers w/ diffrnt display colors or type face in the same webpage?

herk108
02-11-2003, 03:46 AM
im new to HTML and using the <a> tag.

How to set a two simultenuous different style of mouseover on text as link in the same web page? not coding style, but text-link display style in a page.
gil davis
02-11-2003, 05:32 AM
<head>
<style type="text/css">
a.style1 {font-face: "Book Antiqua", "Times New Roman", "serif"; font-size: 20pt; text-decoration: none}
a.style2 {font-face: "Book Antiqua", "Times New Roman", "serif"; font-size: 12pt; text-decoration: none}
a:hover.style1 {color: orange}
a:hover.style2 {color: yellow}
</style>
</head>
<body>
<a href="#" class="style1">This will turn orange if you mouseover it</a><br>
<a href="#" class="style2">This will turn yellow if you mouseover it</a><br>
</body>
herk108
02-11-2003, 07:24 PM
Thanks Gil Davis, for the code, it was workin fine.

How about mouse goes over the textlink there will be underline AND CHANGE TO HIGHLIGHT-COLOR but when mouse cursor IS NOT over it THERE will NO underline ?
Charles
02-11-2003, 07:30 PM
See http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-classes and http://www.w3.org/TR/REC-CSS2/text.html#q3.