link hover effect without html?
Permalink
I created a hover effect for a mail link using html. It came out in a bold font but not the one I usually use.
I made the same effect with some web links on a different page, using the same code in an html block, but didn't know how to edit the font type. I deleted the <b></b> in the body and it worked, but also the other links on the page (in a multicolumn design block) had the hover effect without the html below. Why is this? And what is the code to insert to change font face?
<!DOCTYPE html>
<html>
<head>
<style>
a:link {color:#2b2b2b;} /* unvisited link */
a:visited {color:#2b2b2b;} /* visited link */
a:hover {color:#777777;} /* mouse over link */
a:active {color:#1b1b1b;} /* selected link */
</style>
</head>
<body>
<p><b><a style="text-decoration: none;" href="mailto:my email address" target="_blank">my email address</a></b></p>
</body>
</html>
I made the same effect with some web links on a different page, using the same code in an html block, but didn't know how to edit the font type. I deleted the <b></b> in the body and it worked, but also the other links on the page (in a multicolumn design block) had the hover effect without the html below. Why is this? And what is the code to insert to change font face?
<!DOCTYPE html>
<html>
<head>
<style>
a:link {color:#2b2b2b;} /* unvisited link */
a:visited {color:#2b2b2b;} /* visited link */
a:hover {color:#777777;} /* mouse over link */
a:active {color:#1b1b1b;} /* selected link */
</style>
</head>
<body>
<p><b><a style="text-decoration: none;" href="mailto:my email address" target="_blank">my email address</a></b></p>
</body>
</html>
