Foros del Web » Creando para Internet » CSS »

como crear css para una tabla

Estas en el tema de como crear css para una tabla en el foro de CSS en Foros del Web. Hola a todos, resulta que tengo varios documentos y quiero estandarizar el formato de presentación de todas las tablas Deseo que todas tengan el siguiente ...
  #1 (permalink)  
Antiguo 16/03/2011, 13:39
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 8 años, 7 meses
Puntos: 27
como crear css para una tabla

Hola a todos, resulta que tengo varios documentos y quiero estandarizar el formato de presentación de todas las tablas

Deseo que todas tengan el siguiente estilo:

Código HTML:
Ver original
  1. <table border="1" style="border-collapse: collapse" bordercolor="#C0C0C0">

Pense que de la siguiente forma me serviria:


Código CSS:
Ver original
  1. table {
  2.     border-collasep:collasep;
  3. }

Realmente se poco de css, pero requiero q todas las tablas queden con este formato

Como seria entonces el css para una tabla con este formato?
Debo encerrar la tabla entre etiquetas div id para traer ese estilo?

Agradezco me puedan orientar, gracias....
  #2 (permalink)  
Antiguo 16/03/2011, 13:49
Avatar de laratik  
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 7 años, 6 meses
Puntos: 63
Respuesta: como crear css para una tabla

hola oscarbt, para realizar lo que deseas puedes utilizar el siguiente codigo:

Código PHP:
tabletd {
    
bordersolid 1px #C0C0C0;
    
border-collapsecollapse;

__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.
  #3 (permalink)  
Antiguo 16/03/2011, 13:56
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 8 años, 7 meses
Puntos: 27
Respuesta: como crear css para una tabla

Bien, gracias...era exctamente lo que necesitaba...
Una pregunta, existe alguna propiedad css para darle mas estilo a las tablas, deseo que la tabla tenga como un fondo, una imagen de fondo....
mejor dicho, tienes algun link donde pueda ver las propiedades css para las tablas?...

De antemano muchas gracias.....
  #4 (permalink)  
Antiguo 16/03/2011, 14:07
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 9 meses
Puntos: 192
Respuesta: como crear css para una tabla

Los elementos de tabla los podés estilizar con CSS de igual forma que a cualquier otro elemento. Para especificar imágenes de fondo podés usár background-image y así por el estilo.
Acá tenés una colección muy interesante, con explicación correspondiente a cada diseño:
http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
  #5 (permalink)  
Antiguo 16/03/2011, 14:10
Avatar de laratik  
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 7 años, 6 meses
Puntos: 63
Información Respuesta: como crear css para una tabla

para las tablas puedes utilizar casi todas las reglas css que para otros tipos de elementos, es decir: bacground, text-aling, height, width, etc. Como lectura para tablas te recomiendo [URL="http://www.librosweb.es/css/capitulo10.html"]esto[/URL], pero no solo el apartado de tablas, si no todo el libro en general. Espero haberte servido de ayuda . .... creo que se me adelantaron
__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.

Etiquetas: 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 12:08.