Foros del Web » Creando para Internet » CSS »

Problemas con estilos de una tabla

Estas en el tema de Problemas con estilos de una tabla en el foro de CSS en Foros del Web. Hola, buenas, tengo problemas para poner los atributos de una tabla en la hoja de estilos. En la web se ve bien poniendo: <table width="95%" ...
  #1 (permalink)  
Antiguo 26/10/2005, 06:21
 
Fecha de Ingreso: octubre-2005
Ubicación: Zaragoza
Mensajes: 11
Antigüedad: 12 años, 2 meses
Puntos: 0
Problemas con estilos de una tabla

Hola, buenas, tengo problemas para poner los atributos de una tabla en la hoja de estilos.
En la web se ve bien poniendo:
<table width="95%" border="1" cellpadding="5" cellspacing="3">

Sin embargo cuando los pongo en una hoja de estilos:
.tablapres {
width: 95%;
border: 1px;
cellpadding: 5px;
cellspacing: 3px;
}

En web hago la llamada <table class="tablapres">, pero lo único que me coge es el ancho, los tres atributos no aparecen.

Supongo que mi error es pegar los atributos a lo burro, pero he buscado información sobre atributos de tabla y me he vuelto tarumba. Yo sólo quiero que haga lo que haría con la primer línea html que os he puesto.

Gracias por vuestra colaboración
  #2 (permalink)  
Antiguo 26/10/2005, 06:32
 
Fecha de Ingreso: agosto-2005
Mensajes: 77
Antigüedad: 12 años, 4 meses
Puntos: 0
Hola, prueba a cambiarlo por esto:

border-width: 1px;
width: 95%;
padding: 5px 5px;
margin: 3px 3px;
  #3 (permalink)  
Antiguo 26/10/2005, 08:36
 
Fecha de Ingreso: diciembre-2004
Mensajes: 278
Antigüedad: 13 años
Puntos: 0
A mi me pasa algo parecido.
Una tabla que tengo en una pagina no hace caso de los parametros dados al body. Lo curioso es q es "el" unico q no hace caso a esos parametros.
La tabla la tengo dentro de un div en el cual no se contradice nada de lo dicho en el body :S
  #4 (permalink)  
Antiguo 26/10/2005, 10:09
 
Fecha de Ingreso: agosto-2005
Mensajes: 77
Antigüedad: 12 años, 4 meses
Puntos: 0
Ok ya lo tengo, para cellspacing hay que usar "border-spacing", pero resulta que IE no lo soporta
  #5 (permalink)  
Antiguo 26/10/2005, 10:10
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
Cita:
Iniciado por Mister Maceta
.tablapres {
width: 95%;
border: 1px;
cellpadding: 5px;
cellspacing: 3px;
}
Le dices a los navegadores el tamaño del borde, pero te falta el color y el estilo, eso por un lado, además cellpadding y cellspacing no son parte de CSS.
__________________
Al final del día hablar es gratis, codificar no lo es
  #6 (permalink)  
Antiguo 26/10/2005, 10:26
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
Acabo de hacer lo que quieres así:
Código:
table, td, tr {
margin: 0 auto; /*esto es para que las tablas sean centradas*/
}
.tablapres {
width: 95%; /*el ancho de la tabla*/
border: 1px solid #000000; /*el grosor del borde, el stilo de borde y el color de la tabla*/
}
.tablapres td{
padding: 5px; /*el marge interno de cada celda*/
width: auto; /*el ancho de las celdas en automático*/
border: 1px solid #000000;  /*el grosor del borde, el stilo de borde y el color de la celda*/
}
y el el html
Código HTML:
<table class="tablapres"> 
Saludos,
__________________
Al final del día hablar es gratis, codificar no lo es
  #7 (permalink)  
Antiguo 26/10/2005, 15:25
 
Fecha de Ingreso: octubre-2005
Ubicación: Zaragoza
Mensajes: 11
Antigüedad: 12 años, 2 meses
Puntos: 0
De acuerdo Habéis dado en el clavo

Gracias a todos por vuestra colaboración, finalmente me he quedado con la opción última de Baccxus, que ha clavado mis deseos.

No tenía ni idea de que se pudiera dar estilos de esa forma en una clase, es como si fuera la teoría del anidamiento de tablas pero en estilos.

Aprendí hace mucho tiempo a diseñar webs con Dreamweaver, pero creo que mis conocimientos se han quedado bastante obsoletos con respecto a las posibilidades que tienen ahora los CSS. Así que espero ir poniéndome poco a poco al día.
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 23:02.