Menu
Hi. Here’s my problem:
<a style=”text-decoration:none” href=”…”> <font onMouseOver=”this.style.color=’#FF9900′” onMouseOut=”this.style.color=’#003399′” face=”Arial” color=”#003399″>…</font></a>
The onMouseOver and onMouseOut attribute of the <font> tag does not work in some browsers. However it achieves the desired result: the text is dark blue in color and is highlighted orange when you hover over it. It goes back to dark blue when you move the mouse out.
<font face=”Arial” color=”003399″> <a style=”text-decoration:none” onMouseOver=”this.style.color=’#FF9900′” onMouseOut=”this.style.color=’#003399′” href=”…”>…</a></font>
In this above scenario the text is blue to begin with(the normal blue of any link) and highlights orange when you hover over it. It becomes dark blue when you move the mouse out. Everything works normally except at the start when it is bright blue.
If I change things so that the <font> tag is on the inside of the <a> tag the text is dark blue but will not highlight orange.
How do i achieve the result of the first example and be browser-friendly at the same time?
Thanks