Estilo en botonera???

pablinver · #1 (**permalink**) 30/11/2003, 14:50

Hola que tal? Yo tengo el deseo de realizar una botonera con estilo, lo que quiero es que los td de la tabla que creo tenga un fondo y en un eventual mouse over cambien de color de fondo, en un html el código es así, creo que lo saqué de acá

<td onMouseOver='this.style.background="#006699"' onMouseOut='this.style.background="#0099CC"' bgcolor="#0099CC">

Mi pregunta, se puede hacer una hoja de estilo, en donde le doy esta accion al td, si se puede en el html como marco este estilo ej <td b>? y además si quiero que tenga link también se puede?

Desde ya muchisimas gracias!

cubis · #2 (**permalink**) 30/11/2003, 18:45

pablinver, las hojas de estilo no aceptan acciones, es decir códigos javaScript... aunque lo que puedes hacer es una buena combinación de CSS y JavaScript.

pablinver · #3 (**permalink**) 30/11/2003, 21:58

cubis no tengo la menor idea de como se hace lo que me decis? Alguna ayudita!
Saludos!

jercer · #4 (**permalink**) 01/12/2003, 04:27

Podrías hacer algo como esto:

<html>
<head>
<style>
.normal{
background:#006699;

}
.over{
background:#0099CC;

}

</style>
</head>
<body>

<td onMouseOver='this.class="over"' onMouseOut='this.class="normal"' class="normal">

</body>
</html>

pablinver · #5 (**permalink**) 01/12/2003, 08:13

Gracias jercer lo pruebo y te comento!

jercer · #6 (**permalink**) 03/12/2003, 06:03

Me he equivocado en una cosa en vez de class pon className, lo siento las prisas.

Saludos

pablinver · #7 (**permalink**) 03/12/2003, 10:23

Gracias Jercer, un kilo y dos pancitos, lo tuyo un fenomeno!!!

furoya · #8 (**permalink**) 14/12/2003, 13:02

cubis dijo

Cita:

las hojas de estilo no aceptan acciones, es decir códigos javaScript

Hola todos:

Qu´´e negativos son en estos foros ...

Los estilos s´´i aceptan escripts, aunque en este caso no creo que sirvan para lo que buscas, pablinver .

Dejo un ejemplo para que experimenten.

Código:

 
<html>
<head>
<style>
td{color:expression(document.bgColor);}
</style>
</head>
<body bgcolor=red /* CAMBIAR EL COLOR DE FONDO PARA COMPROBAR EL EFECTO */>

<table bgcolor=white cellspacing=100 border=3>
<td>
<h2>Este texto toma siempre el 
color del fondo de documento
</h2>
</td>
</table>

</body>
</html>

Por supuesto que en vez de document.bgColor se puede poner otra cosa, ´´esto es s´´olo un ejemplo.

saludos

furoya