Foros del Web » Creando para Internet » CSS »

Preguta estilos tabla

Estas en el tema de Preguta estilos tabla en el foro de CSS en Foros del Web. Como estan? tengo un problema muy sencillo pero me enrede y no supe com oarreglarlo. Tengo una tabla creada asi <table width='95%' align='center' style='border:1px solid ...
  #1 (permalink)  
Antiguo 10/11/2010, 14:52
 
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 2.042
Antigüedad: 11 años, 7 meses
Puntos: 50
Preguta estilos tabla

Como estan?

tengo un problema muy sencillo pero me enrede y no supe com oarreglarlo.


Tengo una tabla creada asi

<table width='95%' align='center' style='border:1px solid #007C30; font-family: serif; font-size: 8pt; color: #000088;'>


Esta bien pero necesito que me muestre las divisiones entre las celdas... Asi com oesta me muestra solo en borde de lataba.

Como se hace gracias.
  #2 (permalink)  
Antiguo 10/11/2010, 15:13
 
Fecha de Ingreso: abril-2009
Ubicación: En foros del web, normalmente en Web general, HTML y CSS.
Mensajes: 258
Antigüedad: 8 años, 8 meses
Puntos: 3
Respuesta: Preguta estilos tabla

Las separaciones entre las celdas se pierden debido a que usas style='border:1px solid #007C30. Mejor hazlo de esta manera:

Código:
<table width='95%' align='center' border="1" bordercolor="#007C30" cellspacing="0">
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>
En estos casos hay que procurar usar las etiquetas que definen varios atributos solo si es necesario ya que afecta a la tabla en general. El código lo he hecho en 2 min, tú ya lo personalizas como quieras (la fuente, etc.).

Saludos
__________________
¿Por qué Anónimo?, porque como está el mundo no podemos considerarnos humanos...
  #3 (permalink)  
Antiguo 10/11/2010, 15:49
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Preguta estilos tabla

Y si lo quieres hacer en plan css: aplícale el "border: 1px solid #xxxxxx" a las tds.
También le puedes poner "border-collapse:collapse", para que quede una única línea entre las celdas.

td {
border: 1px solid #etc;
}
table {
border-collapse: collapse;
}
  #4 (permalink)  
Antiguo 10/11/2010, 15:56
 
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 2.042
Antigüedad: 11 años, 7 meses
Puntos: 50
Respuesta: Preguta estilos tabla

Ok... gracias a los dos por su ayuda

Etiquetas: estilos, tablas
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:44.