Foros del Web » Creando para Internet » CSS »

Ayuda con tabla CSS

Estas en el tema de Ayuda con tabla CSS en el foro de CSS en Foros del Web. Hola a todos , tengo un problema , resulta que necesito hacer una tabla con 5 columanas y 5 filas y que cada fila tenga ...
  #1 (permalink)  
Antiguo 21/05/2009, 10:33
 
Fecha de Ingreso: abril-2009
Mensajes: 409
Antigüedad: 8 años, 8 meses
Puntos: 3
Ayuda con tabla CSS

Hola a todos , tengo un problema , resulta que necesito hacer una tabla con 5 columanas y 5 filas y que cada fila tenga un borde inferior y superior de 1px y que cuando pase el mouse sobre las filas cambie TODA la fila de color.
tengo hecho este estilo pero asi como esta me cambia cada la fila completa pero no logro crear un borde entre fila.
Si alguien puede decirme como hago para que tenga un borde cada fila le agradeceria mucho.

Gracias y salidos.

codigo CSS.

.tablaresultados {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #F5F5F1;
border-left-color: #000;
background-color: #0C0;
}

.tablaresultados tr {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
background-color: #090;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
.tablaresultados tr:hover {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
background-color: #098;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
  #2 (permalink)  
Antiguo 21/05/2009, 10:56
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Ayuda con tabla CSS

probá con esto...

Código css:
Ver original
  1. .tablaresultados {
  2. font-family: Tahoma, Geneva, sans-serif;
  3. font-size: 12px;
  4. color: #000;
  5.  
  6. }
  7.  
  8. .tablaresultados tr {
  9. font-family: Tahoma, Geneva, sans-serif;
  10. font-size: 12px;
  11. background-color: #090;
  12. }
  13. .tablaresultados td{
  14. border-top:1px solid #000;
  15. border-bottom:1px solid #000;
  16. }
  17. .tablaresultados tr:hover {
  18. font-family: Tahoma, Geneva, sans-serif;
  19. font-size: 12px;
  20. background-color: #098;
  21. }
  #3 (permalink)  
Antiguo 21/05/2009, 11:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ayuda con tabla CSS

Mira a ver si este ejemplo te sirve de orientación.
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 10:25.