The a:hover css style in dreamweaver

HTML & CSS
1

I can’t seem to figure out how I can apply this a:hover css style in dreamweaver so that my links are underlined when I hover over them. Any help would be greatly appreciated.

Thanks in advance
Bonafide

2

Hi,

Make sure you define your links in this order:


<style type="text/css" media="screen">
a:link {
color: #0000FF;
text-decoration: none;
background-color: #FFFFFF;
}
a:visited {
color: #990066;
text-decoration: none;
background-color: #FFFFFF;
}
a:hover {
color: #FF0000;
text-decoration: underline;
background-color: #FFFFFF;
}
a:active {
color: #00FFFF;
text-decoration: none;
background-color: #FFFFFF;
}
</style>

To remove the underline on any of the above elements you use : text-decoration: none;

or to put the underline back use : text-decoration: underline;

In the above example I have taken underline off all elements except the hover.

I think you should be able to work it out from above. (You can paste the code into DW and then it will show up in the CSS editor if you want to see what it looks like.)

Paul