Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/02/2011, 13:53
floyd_23
 
Fecha de Ingreso: mayo-2010
Mensajes: 42
Antigüedad: 14 años, 6 meses
Puntos: 0
Exclamación Cambiar tamaño de capa con onmouseover

Hola,

Se que cada consulta que os hago es mas complicada que la anterior (nótese la ironía en mis palabras), pero por lo visto no doy para mas.

Tengo una capa, y me gustaría cambiar el tamaño de la capa y de la fuente al pasar el ratón por encima. Aquí os dejo la idea que tengo, y a ver si me podéis decir lo que falla, o directamente alguna otra idea.

Código HTML:
<html>
<head>
	<style type="text/css">
		.capa { position: absolute;
			top: 100px;
			left: 150px;
			width: 300px;
			height: 60px;
			background-color: orange;
			color: blue;
			font-family: arial;
			font-size: 12pt;
			border-style: solid;
			border-color: black;
			border-width: 2px;
		}
	</style>
	<script type="text/javascript">+
		function tamaño(){
			var conjunto = document.getElementById("capa");
			capa.width=600px;
			capa.height=120px;
			//capa.font-size=14pt;
		}
	</script>
</head>
<body>
	<div id="capa" onmouseover="tamaño()">CONTENIDO DE LA CAPA</div>
</body>
</html> 
Saludos, y gracias de antemano.