29/04/2005, 08:09
|
| | | Fecha de Ingreso: octubre-2004
Mensajes: 230
Antigüedad: 20 años, 1 mes Puntos: 0 | |
| borde en celdas
Hola amigos, vereis tengo echo un menu con javascript y estilos, son 2 tablas, una es la que contiene a otra que es la que lleva el menu y me gustaria saber como hacer para que al pasar el raton se marque la celda con su borde pero no se desplaze....Gracies
Este es el codigo
Código:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
a:link.Navlink {color : #ffffff;}
a:visited.Navlink {color : #ffffff;}
a:active.Navlink {text-decoration: none;}
a:hover.Navlink {text-decoration: none;}
-->
</style>
<script language = "javascript">
<!--
function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "blue";
elem.style.cursor = 'hand';
elem.style.border='solid white 1';}
function LmOut(elem, clr)
{elem.style.backgroundColor = 'transparent';
elem.children.tags('A')[0].style.color = "#ffffff";
elem.style.border='none';}
function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";}
function LmUp(path)
{location.href = path;}
//-->
</script>
</head>
<body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="34" bgcolor="#0000ff">
<tr>
<td width="100%">
<table align="center" border="0" width="100%" cellspacing="0" cellpadding="0" height="16">
<tr>
<td align="center" onMouseover="LmOver(this, '#94C7F1')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('pagina_pruebas.htm')"><A HREF="pagina_pruebas.htm" Class="navlink"> Link ejemplo</a></td>
<td> | </td>
<td align="center" onMouseover="LmOver(this, '#94C7F1')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('pagina_pruebas.htm')"><A HREF="pagina_pruebas.htm" Class="navlink"> Link ejemplo</a></td>
<td> | </td>
<td align="center" onMouseover="LmOver(this, '#94C7F1')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('pagina_pruebas.htm')" ><A HREF="pagina_pruebas.htm" Class="navlink"> Link ejemplo</a></td>
<td> | </td>
<td align="center" onMouseover="LmOver(this, '#94C7F1')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('pagina_pruebas.htm')" ><A HREF="pagina_pruebas.htm" Class="navlink"> Link ejemplo</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|