text undelined when mouse over it

how to get the the text underlined when i place ony my mouse cursor on it and that clicking leading to an opening of a new window

xample

(1)text1...............(2)text1

when the mouse is placed over (1) should look like (2) when i keep the mouse on top of the text and preferbly with a diiferent color and the underline style.

 

Do it with CSS
a{text-decoration: none;}

a:hover {text-decoration: underline;}

 

 <style>
<!--
A:active { color:#000000; text-decoration; }
A:hover { color:#000066; text-decoration: none; }
//-->
</style>

Code (markup):

 

<a href="some.html" onclick="return ! window.open(this.href);">go somewhere</a>

Code (markup):

This is fairly safe. If the user does not have javascript enabled, the link will simply open the page in the existing window. If the javascript fails to open a new window, the link fires normally and the page opens in the existing window. If javascript is successful, the page opens in a new window, and the link does not fire.

Further, since the target attribute is deprecated, this is a valid method.

cheers,

gary

 

thnx ppl 4 u r support

 

does the a:hover work in IE?

 

Yes.

cheers,

gary

 

does the :hover work for all tags in IE, because if so there would be no need for javascripts for dropdown menus right?

 

No, IE supports :hover only on the a element. IE7 will spread some love, but don't expect much IE7 penetration for quite a while.

cheers,

gary