Problemas con el Firefox...

jilguerogabriel · #1 (**permalink**) 23/05/2008, 13:32

Amigos del foro!
Tengo el siguiente problema con el firefox:
Realice una pagina, donde el menu principal horizontal tiene una altura determinada, el probleme ocurre cuando lo veo en firefox que el menu crece de altura, y ademas en vez de mostrarme el cursor del dedo (link), me muestra el cursor de texto.

Este es el codigo:

<table width="748" border="0" align="center" bordercolor="#FFFFFF">

<tr>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla"
onclick="window.location.href='la-empresa.html'" onmouseover="this.style.backgroundColor='#c80000'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'">
La Empresa</td>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla" onclick="window.location.href='reparaciones.html'" onmouseover="this.style.backgroundColor='#c80000'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'"> Reparaciones</td>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla" onclick="window.location.href='laboratorio.html'" onmouseover="this.style.backgroundColor='#c80000'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'"> Laboratorio</td>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla" onclick="window.location.href='gremio.html'" onmouseover="this.style.backgroundColor='#c80000'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'"> Gremio</td>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla" onclick="window.location.href='contactenos.html'" onmouseover="this.style.backgroundColor='#c80000'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'"> Contáctenos</td>

</tr>
</table>

[NiRVaNa] · #2 (**permalink**) 23/05/2008, 16:09

En este caso creo que es mas problema del IE (como siempre) que el firefox. Pero igual, se solucion sin usar tanto JS, sino CSS

Código HTML:

<head>
     ....
     ....
     <style type="text/css">
        .bordetabla {
		background-color: #333333;
		border-color: #000000;
	}
	.bordetabla:hover {
	        background-color: #C80000;
	}
	.bordetabla p {
	        cursor: pointer;
	}
	</style>
     ....
     ....
</head>

<body>
<table width="748" border="0" align="center" bordercolor="#FFFFFF">

<tr>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla"
onclick="window.location.href='la-empresa.html'">
<p align="center" class="Estilo1"><font color="#FFFFFF">La Empresa</font></p></td>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla" onclick="window.location.href='reparaciones.html'"> <p align="center" class="Estilo1"><font color="#FFFFFF">Reparaciones</font></p></td>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla" onclick="window.location.href='laboratorio.html'"> <p align="center" class="Estilo1"><font color="#FFFFFF">Laboratorio</font></p></td>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla" onclick="window.location.href='gremio.html'"> <p align="center" class="Estilo1"><font color="#FFFFFF">Gremio</font></p></td>

<td width="141" bordercolor="#000000" bgcolor="#333333" class="bordetabla" onclick="window.location.href='contactenos.html'"> <p align="center" class="Estilo1"><font color="#FFFFFF">Contáctenos</font></p></td>
</tr>
</table>

Salu2. Enjoy!

jilguerogabriel · #3 (**permalink**) 23/05/2008, 16:17

gracias master!
sera cuestion de probarlo !