HTML Question: How can I make links bold when hovered over? - Tilted Forum Project Discussion Community

BoCo · 09-20-2003, 08:40 AM

I was just at a site where the text links all went from regular to bold when hovered over, and I wondered how you do that. If anyone knows, please tell me how to write the code.

Thanks.

peacy · 09-20-2003, 09:06 AM

Here's one solution with CSS:

Code:

&lthtml>
&lthead>
&ltstyle type="text/css">
A:link, A:active {
	font-weight: normal;
	text-decoration: none;
}
A:hover {
	font-weight: bold;
	text-decoration: none;
}
&lt/style>
&lt/head>

&ltbody>
&lta href="testing.html">Just testing&lt/a>
&lt/body
&lt/html>

*edit: modified the post to be readable in the browser + added extra functionality (the link is underlined only when the cursor is on top of it)

09-20-2003, 08:40 AM	#1 (permalink)
BoCo Fear the bunny Location: Hanging off the tip of the Right Wing	HTML Question: How can I make links bold when hovered over? I was just at a site where the text links all went from regular to bold when hovered over, and I wondered how you do that. If anyone knows, please tell me how to write the code. Thanks. __________________ Activism is a way for useless people to feel important.

09-20-2003, 09:06 AM	#2 (permalink)
peacy Crazy Location: Reading, UK	Here's one solution with CSS: Code: &lthtml> &lthead> &ltstyle type="text/css"> A:link, A:active { font-weight: normal; text-decoration: none; } A:hover { font-weight: bold; text-decoration: none; } &lt/style> &lt/head> &ltbody> &lta href="testing.html">Just testing&lt/a> &lt/body &lt/html> edit: modified the post to be readable in the browser + added extra functionality (the link is underlined only when the cursor is on top of it) Last edited by peacy; 09-20-2003 at 09:11 AM..*