Foros del Web » Creando para Internet » CSS »

Bordes de Tablas

Estas en el tema de Bordes de Tablas en el foro de CSS en Foros del Web. Hola a todos Le quiero dar color a los bordes de una tabla, pero solo los bordes de externos de la tabla y no cada ...
  #1 (permalink)  
Antiguo 05/02/2006, 12:53
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
Bordes de Tablas

Hola a todos
Le quiero dar color a los bordes de una tabla, pero solo los bordes de externos de la tabla y no cada una de las celdas que hay dentro. No puedo lograrlo
Como se hace para darle borde al elemento TD de una tabla.
SALUDOS
  #2 (permalink)  
Antiguo 05/02/2006, 12:53
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
me acabo de dar cuenta que mi pregunta deberia estar en HTML
sorry..
  #3 (permalink)  
Antiguo 05/02/2006, 13:02
Tew
 
Fecha de Ingreso: enero-2006
Mensajes: 1.562
Antigüedad: 11 años, 11 meses
Puntos: 17
Cita:
Iniciado por chefnelone
me acabo de dar cuenta que mi pregunta deberia estar en HTML
sorry..
Metela en un DIV con el color de borde ke kieras, o aplicale estilos tanto a la tabla como a las celdas.


PD: Antes de ke nadie responda puedes borrar tus mensajes . Y aunke respondan puedes editarlos :-p
  #4 (permalink)  
Antiguo 05/02/2006, 13:14
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Cita:
Iniciado por chefnelone
me acabo de dar cuenta que mi pregunta deberia estar en HTML
sorry..
No hay problema. Mensaje movido a (X)HTML desde Editores Web.

Saludos,
  #5 (permalink)  
Antiguo 05/02/2006, 13:18
Tew
 
Fecha de Ingreso: enero-2006
Mensajes: 1.562
Antigüedad: 11 años, 11 meses
Puntos: 17
Cita:
Iniciado por JavierB
No hay problema. Mensaje movido a (X)HTML desde Editores Web.

Saludos,
Entonces solo falta borrar el ke ya existia en ese foro

http://www.forosdelweb.com/f4/borde-elemento-td-tabla-368858/
  #6 (permalink)  
Antiguo 05/02/2006, 17:12
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
gracias y perdon por los mensajes gemelos...
saludos
  #7 (permalink)  
Antiguo 05/02/2006, 17:57
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
En realidad debiera ser movido a CSS

Código:
<td style="border:1px solid black">Hola</td>
Ahora debes buscar la forma de hacer esto de manera más simplificada para poder aplicarlo a varias celdas simultáneamente.
__________________
El conocimiento es libre: Movimiento por la Devolución
  #8 (permalink)  
Antiguo 05/02/2006, 18:29
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Tema trasladado a css desde (x)html
  #9 (permalink)  
Antiguo 06/02/2006, 07:54
Avatar de Lord of freaks  
Fecha de Ingreso: octubre-2004
Ubicación: Madrid
Mensajes: 334
Antigüedad: 13 años, 1 mes
Puntos: 2
Si quieres dar estilo al borde externo de tu tabla pero no a los interiores

Código HTML:
<TABLE style="border: 1px solid black"> 
Si solo quieres darle formato a los interiores
Código HTML:
<TD style="border: 1px solid black"> 
__________________
Una vez un elemental de rayos mató una tribu entera de tritones.

¡¡ El sólo quería darse un baño !!

http://www.frikilandia.com

Neither Fu Nor Fa
  #10 (permalink)  
Antiguo 06/02/2006, 10:31
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
También puedes hacer los estilos por aparte, para aplicarselo a varias o a todas tus tablas y no repetir el código en cada una de ellas.

Así para todas tus tablas:
entre las etiquetas <head>...</head> o en un documento externo css
Código:
<style type="text/css">
table {
border: 1px solid black;
}
</style>
Así para esta o aquella:
Código:
.tablaborde table {
border: 1px solid black;
}
Código HTML:
<table class="tableborde"><tr><td>...
__________________
Al final del día hablar es gratis, codificar no lo es
  #11 (permalink)  
Antiguo 06/02/2006, 13:27
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
Muchas gracia a todos.
Este me ha servido de maravilla(porque solo lo necesito con una tabla)
<td style="border:1px solid black">Hola</td>

ahora como haga para usar otros colores que no sea "black"
por ejemplo azul, gris ...
saludos
  #12 (permalink)  
Antiguo 06/02/2006, 13:30
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
Vale , he probado reemplazando black por "gray" y por "blue" y ha funcionado. Pero si necesito un color mas personalizado como #99ff33
  #13 (permalink)  
Antiguo 06/02/2006, 13:32
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
Acabo de probar....Pues solo pongo eso y ya está ....era obvio no....
muchas gracias
saludos
  #14 (permalink)  
Antiguo 06/02/2006, 14:01
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
Una duda mas..
Estoy tratando, ahora, de darle "cellspacing" solo al elemento td de la tabla
Necesito algo muy sencillo, he tratado esto pero no me ha funcionado.
<td style="cellspacing:5px" >
  #15 (permalink)  
Antiguo 06/02/2006, 18:19
Avatar de alexblue  
Fecha de Ingreso: enero-2006
Ubicación: Londres
Mensajes: 71
Antigüedad: 11 años, 10 meses
Puntos: 0
se trata de margen

Hola chefnelone:

Para el espacio entre celdas se usa margin;

Para padding dentro de las celdas se usa... padding :)

Código HTML:
<td style="margin:3px; padding:2px;"></td> 
Saludos
__________________
Alex
alexamine.co.uk
Mi profile en Linked In
  #16 (permalink)  
Antiguo 07/02/2006, 17:16
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
ok muchas gracias
saludos
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 17:18.