Foros del Web » Creando para Internet » Diseño web »

Problema al aumentar texto al pasar el ratón

Estas en el tema de Problema al aumentar texto al pasar el ratón en el foro de Diseño web en Foros del Web. Tengo este código para que aumente el tamaño del texto cuando pasa el ratón por encima y funciona. Pero cuando lo adapto a una página ...
  #1 (permalink)  
Antiguo 11/10/2008, 05:18
 
Fecha de Ingreso: septiembre-2008
Mensajes: 2
Antigüedad: 15 años, 6 meses
Puntos: 0
Problema al aumentar texto al pasar el ratón

Tengo este código para que aumente el tamaño del texto cuando pasa el ratón por encima y funciona. Pero cuando lo adapto a una página con una tabla con enlaces en todas las celdas, no me funciona dentro de la tabla o quizá el problema es que no me funciona con los enlaces, porque dentro de la tabla solo tengo enlaces.
He probado a ponerlo fuera de la tabla, dentro de ella antes y después del tbody e incluso e hecho pruebas con alguna celda individualmente.

¿Alguién podría ayudarme?

Gracias, un saludo

Este es el código (quitando Al pasar por encima...) que inserto en mi página web:

<HTML>

<HEAD>
<TITLE>Ejemplo de Hoja de Estilo 2</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
function modificaTexto ()
{
texto1.style.fontSize = "16pt";
}

function restauraTexto ()
{
texto1.style.fontSize = "12pt";
}
//-->
</SCRIPT>

</HEAD>

<BODY>

<DIV ID="texto1" STYLE="font-size:12pt"
ONMOUSEOVER="modificaTexto()" ONMOUSEOUT="restauraTexto()">
Al pasar por encima de este texto cambiará de tamaño.
</DIV>

</BODY>
</HTML>
  #2 (permalink)  
Antiguo 11/10/2008, 10:51
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 19 años, 6 meses
Puntos: 10
Respuesta: Problema al aumentar texto al pasar el ratón

Podrías añadirle este css a tu hover y así cogería ese estilo los enlaces que tengas en cualquier parte, incluso dentro de una tabla:

Código HTML:
<HTML>

<HEAD>
<TITLE>Titulo</TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
function modificaTexto ()
{
texto1.style.fontSize = "16pt";
}

function restauraTexto ()
{
texto1.style.fontSize = "12pt";
}
//-->
</SCRIPT>
<style type="text/css">
	a:hover { font-size: 16pt; }
	.cuerpo { font-size:12pt; }
</style>

</HEAD>

<BODY class="cuerpo">

<DIV ID="texto1" STYLE="font-size:12pt"
ONMOUSEOVER="modificaTexto()" ONMOUSEOUT="restauraTexto()">
Al pasar por encima de este texto cambiará de tamaño.
</DIV>

<table border="1" style="border-collapse: collapse" width="100%" id="table1">
	<tr>
		<td><a href="http://www.elpais.es">Acceso</a></td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>

</BODY>
</HTML> 
Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:31.