Foros del Web » Creando para Internet » HTML »

Tabla con diferentes colores de fondo

Estas en el tema de Tabla con diferentes colores de fondo en el foro de HTML en Foros del Web. hola lo que quiero hacer es algo muy facil (creo yo vamos) pero es que tengo un lio con CSS. Tengo una tabla de digamos ...
  #1 (permalink)  
Antiguo 26/06/2009, 11:40
 
Fecha de Ingreso: mayo-2009
Mensajes: 103
Antigüedad: 8 años, 6 meses
Puntos: 0
Tabla con diferentes colores de fondo

hola lo que quiero hacer es algo muy facil (creo yo vamos) pero es que tengo un lio con CSS. Tengo una tabla de digamos de 10*10 celdas y quiero que cada fila tenga un color differente , yo selecciono la fila en cuestion y le aplico el color (el de letra pk el de fondo no me aparece ene l cuadro prpiedades del dreamweaver)pero enseguida me sale el cuadro ese de css (aqui si em sale la opcion de fondo fondo) y me pierdo... se me aplican colores pero a la tabla entera o no se me aplica el color en fin ,no querria tenr que hacerlo manualmente en el codigo. He buscado por la web acerca de CSS pero n oencontre nada supongo porque estoi es demasido basico.... Gracias
  #2 (permalink)  
Antiguo 26/06/2009, 12:46
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: Tabla con diferentes colores de fondo

Si es cada fila un color diferente dale a cada <tr> una clase y a cada clase su estilo:

.filauno {
background-color: #99ff00;
}

En este enlace aprenderás algo más.

Salud!
  #3 (permalink)  
Antiguo 26/06/2009, 12:51
Avatar de danistrein  
Fecha de Ingreso: septiembre-2008
Ubicación: Salta Capital
Mensajes: 539
Antigüedad: 9 años, 3 meses
Puntos: 7
Respuesta: Tabla con diferentes colores de fondo

mmm no te entendi pero la parte de ponerle color de fondo a la tabla o celdas es con bgcolor

ejemplo:

Código HTML:
<table width="716" height="342" border="1" bgcolor="#000000" bordercolor="FFFFFF">
  <tr>
    <td bgcolor="#FFFFFF" >&nbsp;</td>
    <td bgcolor="#666666" >&nbsp;</td>
    <td bgcolor="#00FF33">&nbsp;</td>
    <td bgcolor="#CC3333">&nbsp;</td>
    <td bgcolor="#FF33CC">&nbsp;</td>
    <td bgcolor="#FFFFFF" >&nbsp;</td>
    <td bgcolor="#666666" >&nbsp;</td>
    <td bgcolor="#00FF33">&nbsp;</td>
    <td bgcolor="#CC3333">&nbsp;</td>
    <td bgcolor="#FF33CC">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table> 
o si ya usas css como dice AlbertoGarcia



suerte!
  #4 (permalink)  
Antiguo 26/06/2009, 16:48
 
Fecha de Ingreso: mayo-2009
Mensajes: 103
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Tabla con diferentes colores de fondo

hola bueno y gracias por responder .El tema es que tngo una tabla grande y seleccionno por ej. 5 filaas le doy alboton negrita y no me hace nada, sin embrago si me situo en la tabla en cualquier celda y pulso nergita se me pone todo en negrita (con los colores me pasa igual). lo que yo quiero es k solo la primera fila que es el titulo de la tabla salga en negrita y lo demas normal , ya se que eso se hace en el codigo html , pero cuando quiera hacerlo con muchas filas no voy a ir poniendo el codigo en cada fila en el codigo html ¿se podra hacer desde la vista diseño no? osea seleccionando tantas celdas como quiera y darle el formato que yo quiera. . gracias
  #5 (permalink)  
Antiguo 26/06/2009, 16:59
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: Tabla con diferentes colores de fondo

Tu problema parece ser con el uso de dreamweaver, pide que te trasladen al subforo de Editores Web, aquí sólo te podemos ayudar con el código directamente. De todos modos con la función Buscar/Reemplazar de Dreamweaver podrías hacerlo sin mucho 'esfuerzo'.

Salud!
  #6 (permalink)  
Antiguo 26/06/2009, 17:03
Avatar de danistrein  
Fecha de Ingreso: septiembre-2008
Ubicación: Salta Capital
Mensajes: 539
Antigüedad: 9 años, 3 meses
Puntos: 7
Respuesta: Tabla con diferentes colores de fondo

Cita:
Iniciado por caraeskina Ver Mensaje
hola bueno y gracias por responder .El tema es que tngo una tabla grande y seleccionno por ej. 5 filaas le doy alboton negrita y no me hace nada, sin embrago si me situo en la tabla en cualquier celda y pulso nergita se me pone todo en negrita (con los colores me pasa igual). lo que yo quiero es k solo la primera fila que es el titulo de la tabla salga en negrita y lo demas normal , ya se que eso se hace en el codigo html , pero cuando quiera hacerlo con muchas filas no voy a ir poniendo el codigo en cada fila en el codigo html ¿se podra hacer desde la vista diseño no? osea seleccionando tantas celdas como quiera y darle el formato que yo quiera. . gracias

asi es eso ya es problema de tu editor tendrias que fijarte uno nuevo o el mismo que tienes pero volverlo a descargar


o si no comenta tu code y te ayudamos .
  #7 (permalink)  
Antiguo 27/06/2009, 18:50
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Tabla con diferentes colores de fondo

Hola:

Parte de la respuesta te la han dado, si es por filas debes crear dos estilos para el <tr>

definirlos en el css:

Código:
.tr1 { ... }
.tr2 { ... }
y en el html:

Código:
<table>
<tr class="tr1"><td></td></tr>
<tr class="tr2"><td></td></tr>
</table>
Si el cambio de color es por columnas las propiedades a definir serían en las celdas <td>

definirlos en el css:

Código:
.td1 { ... }
.td2 { ... }
y en el html:

Código:
<table>
<tr>
<td class="td1"></td>
<td class="td2"></td>
</tr>
</table>
Espero que te sirva.

Cita:
Iniciado por danistrein Ver Mensaje
asi es eso ya es problema de tu editor tendrias que fijarte uno nuevo o el mismo que tienes pero volverlo a descargar
¿cómo? ¿volverlo a descargar por una duda de código? ¡¡yo es que flipo!!

Saludos.

  #8 (permalink)  
Antiguo 27/06/2009, 19:03
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.591
Antigüedad: 12 años, 3 meses
Puntos: 49
Respuesta: Tabla con diferentes colores de fondo

te dejo un link que te puede interesar ;)
http://www.infectedfx.net/zebratables/2006/
__________________
Gokuh Salvo al mundo. PUNTO!!!!
  #9 (permalink)  
Antiguo 28/06/2009, 14:56
 
Fecha de Ingreso: mayo-2009
Mensajes: 103
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Tabla con diferentes colores de fondo

ok ,gracias a todos , lo he conseguido hacer
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 16:15.