MouseOver Question

[cred]

I am using mouseovers to define certain words in a form. However, I don't want the words to be underlined.

Code: Select all

#box1 {
position: absolute;
top: 200px;
left: 70px;
font-family: Arial;
border: outset;
font: 4px;
background-color: white;
padding: 5px;
z-index: 2;
visibility: hidden;
}

<script language="JavaScript">
   
   function box(boxname,menustate){
   if (document.getElementById)
{document.getElementById(boxname).style.visibility = menustate}

else {document[boxname].visibility = menustate}
<a href="javascript://" OnMouseOver="box('box1','visible')" onMouseOut="box('box1','hidden')">
Criteria 1:</a><br><br>

<div id="box1">
<p>Criteria 1 is defined as...</p>
</div>


Pretty basic code. But I would like to get rid of the underline.

Thanks

[leonard]

add the style

Code: Select all

text-decoration:none;

to your tag you dont want to be underlined.

cheers!
- leonard