« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: Duda CSS  (Leído 1499 veces)

Desconectado RamFu

  • Moderadores Flash
  • PHPero Experto
  • ****
  • Mensajes: 778
  • Karma: 72
  • Sexo: Masculino
  • Programador y desarollador Actionscript y PHP
    • Ver Perfil
    • Google
Duda CSS
« en: 05 de Diciembre de 2007, 11:58:17 am »
Hola, tengo una duda, es bastante simple.
Me gustaría que en una tabla, al poner el mouse encima cambiara el color de fondo. Por ejemplo si tengo una tabla con el fondo blanco, que se ponga negro. Gracias de antemano :D
En línea

Comunidad PHPeros

Duda CSS
« en: 05 de Diciembre de 2007, 11:58:17 am »

Desconectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re: Duda CSS
« Respuesta #1 en: 05 de Diciembre de 2007, 14:28:29 pm »
El efecto que tu buscas se hace mediante JavaScript...

<table>
<tr>
<td onmouseover="this.className = &#39;RatonEncima&#39;;" onmouseout="this.className = &#39;Normal&#39;" class="Normal">Celda</td>
</tr>
</table>

Teniendo en cuenta que tendriamos que tener definidos los estilos en CSS:

/* Estilos en CSS */
.RatonEncima {
background-color: #000000;
}
.Normal {
background-color: #FFFFFF
}
« Última modificación: 05 de Diciembre de 2007, 20:19:01 pm por naveda »
En línea
Por favor, leete las Normas

Desconectado RamFu

  • Moderadores Flash
  • PHPero Experto
  • ****
  • Mensajes: 778
  • Karma: 72
  • Sexo: Masculino
  • Programador y desarollador Actionscript y PHP
    • Ver Perfil
    • Google
Re: Duda CSS
« Respuesta #2 en: 05 de Diciembre de 2007, 15:33:34 pm »
Mersi naveda :D
En línea

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: Duda CSS
« Respuesta #3 en: 05 de Diciembre de 2007, 20:03:53 pm »

<style type="text/css">
<!--
#tabla {background: Black;}
#tabla:hover {background: Green;}
-->
</style>

///////////////////HTML///////////////////

<table width="200" border="0" id="tabla">
  <tr>
    <td>TEXTO blah blah blah</td>
  </tr>
</table>

Ésto sería más correcto, cuanto menos código, mejor ;)
En línea

Desconectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re: Duda CSS
« Respuesta #4 en: 05 de Diciembre de 2007, 20:21:49 pm »
Solo funciona en FireFox, en IE no funciona.
Por eso he puesto que era mejor hacerlo con JavaScript...
« Última modificación: 05 de Diciembre de 2007, 20:23:25 pm por naveda »
En línea
Por favor, leete las Normas

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: Duda CSS
« Respuesta #5 en: 05 de Diciembre de 2007, 21:46:38 pm »
Cierto xD
En línea

Desconectado RamFu

  • Moderadores Flash
  • PHPero Experto
  • ****
  • Mensajes: 778
  • Karma: 72
  • Sexo: Masculino
  • Programador y desarollador Actionscript y PHP
    • Ver Perfil
    • Google
Re: Duda CSS
« Respuesta #6 en: 05 de Diciembre de 2007, 22:37:10 pm »
jajaj tienes razón pero grascias igualmente mork
En línea
Páginas: [1]   Ir Arriba
« anterior próximo »