thats just an examply... or perhaps my link is black... and when they mouse over it it turns red with a purple underline.... i know its possible .. google.com and audiogalaxy has it... also even with out rollover whats the code for it as a normal link... anyone know how to do this? thanks ahead of time!
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
ie. red links stay red but get yellow under line....??
- Thread starter unborn
- Start date
cian
Technical User
- Oct 11, 2001
- 1,383
Hi unborn,
try this example
- works in IE5.5,
- works not in IE4 and NN4
- I can't test NN6 here
As you can see, the color 'orange' (in :link and :visited has no effect anymore) but the font-weigth has !!
Don't put the onmouseover/-out in the <a> tag because then you get a blue underline and the font-color don't change. (It's the same effect as Link 1 with a lot more code)
You can change <font></font> to <span></span> if you want.
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
.normal { COLOR:#C3C0EF; }
a.navi:link {text-decoration: none; font-weight: bold; color
range}
a.navi:visited {text-decoration: none; font-weight: bold; color: orange}
a.navi:hover {color:red; text-decoration:underline;}
</style>
</HEAD>
<BODY>
<a class="navi" href="date.asp"><font class="normal">link 1 to datepage</font></a>
<br>
<a class="navi" href="date.asp"><font class="normal" onmouseover="changeColors(this);" onmouseout="changeBack(this);">link 2 to datepage</font></a>
<script language="javascript">
function changeColors(that)
{
that.style.color = 'blue'
}
function changeBack(that)
{
that.style.color = ''
}
</script>
</BODY>
</HTML>
Hope this helps,
Erik <!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
try this example
- works in IE5.5,
- works not in IE4 and NN4
- I can't test NN6 here
As you can see, the color 'orange' (in :link and :visited has no effect anymore) but the font-weigth has !!
Don't put the onmouseover/-out in the <a> tag because then you get a blue underline and the font-color don't change. (It's the same effect as Link 1 with a lot more code)
You can change <font></font> to <span></span> if you want.
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
.normal { COLOR:#C3C0EF; }
a.navi:link {text-decoration: none; font-weight: bold; color
range}a.navi:visited {text-decoration: none; font-weight: bold; color: orange}
a.navi:hover {color:red; text-decoration:underline;}
</style>
</HEAD>
<BODY>
<a class="navi" href="date.asp"><font class="normal">link 1 to datepage</font></a>
<br>
<a class="navi" href="date.asp"><font class="normal" onmouseover="changeColors(this);" onmouseout="changeBack(this);">link 2 to datepage</font></a>
<script language="javascript">
function changeColors(that)
{
that.style.color = 'blue'
}
function changeBack(that)
{
that.style.color = ''
}
</script>
</BODY>
</HTML>
Hope this helps,
Erik <!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question