HTML Forum

**sk8boarder2424** · 03-19-2005, 02:48 PM

hey all,
im trying to make it so that when you onmouse over a link, it will bold the "»" next to it, not the whole link, just the "»"
i want to keep it in the CCS style sheet....
and im stumped on how it can be done... any help is appreciated
thanks,
matt

**0beron** · 03-19-2005, 04:06 PM

Is it possible to code it so it makes the whole link bold, but then put all of it excpet the >> into a span with font-weight set to normal?

**dk01** · 03-19-2005, 04:36 PM

At this point you can do it in Firefox, NS, and Mozilla only. IE 6 is stuck in the past in terms of dealing with complex css behaviors (even though they own the trademark css). Here's the code I put together.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CSS Hover Tests</title>
<style type="text/css">
a {
  font-family: Arial, serif;
  font-size: 9pt;
  text-decoration: none;
}

a span.bullet {
  color: #000;
}

a:hover span.bullet {
  font-weight: bold;
}

a span.label {
  color: #c00;
}

a:hover span.label {
  border-bottom: 1px dotted #c00;
}
</style>
</head>

<body>

<a href="#"><span class="bullet">&raquo;&nbsp;</span><span class="label">My link</span></a>

</body>
</html>

-dk

**sk8boarder2424** · 03-19-2005, 06:01 PM

that works great, thanks dk

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!