Foros del Web » Creando para Internet » CSS »

ayuda con codigo css

Estas en el tema de ayuda con codigo css en el foro de CSS en Foros del Web. hola amigos del foro tengo un codigo css que le da formato a una tabla, pero el problema es que todas las columnas tienen el ...
  #1 (permalink)  
Antiguo 24/08/2009, 14:05
 
Fecha de Ingreso: junio-2008
Mensajes: 50
Antigüedad: 9 años, 6 meses
Puntos: 0
ayuda con codigo css

hola amigos del foro tengo un codigo css que le da formato a una tabla, pero el problema es que todas las columnas tienen el mismo anchor, y lo que quiero es que una columna tenga un tamaño fijo del 20% de la pantalla. que le debo de modificar al codigo para optener lo antes redactado?


entonces me podrian decir como
/* CSS Document *
.demoTable {
border-spacing:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#E7E7E7;
color: #000000;
width:70%;
margin:auto;
}
.demoTable td, .demoTable tr, .demoTable th{
border-collapse: separate;
border-collapse: collapse;
border-spacing: 0;
}
.demoTable caption {
font-weight: bold;
background: #E0BB49 url(pix/corner.gif) no-repeat right top;
border-bottom:2px solid #1975d7;
color: #FFF;
text-transform:uppercase;
padding:10px;
margin:auto;
}

.demoTable td, .demoTable th {
padding: 4px;
}

.demoTable thead th {
text-align: center;
background: #F5F5F5;
color: #666;
border: 1px solid #FFF;
text-transform:uppercase;
}


.demoTable tbody th {
font-weight: bold;
}

.demoTable tbody tr {
background-color:#D1D3D2;
text-align:left;
}
.demoTable tbody tr.odd {
background: #f9f9f9;
border-top:1px solid #FFF;
}

.demoTable tbody tr td {
height:50px;
background: #FFF;
border: 1px solid #FFF;
}

.demoTable tbody tr.odd td{
background: #f9f9f9;
border-top:1px solid #FFF;
}

.demoTable td a:link, .demoTable td a:visited {
color: #1975D7;
text-decoration: none;
}

.demoTable td a:hover {
color: #000000;
border-bottom:2px solid #8FD5FF;
text-decoration: none ;
}

.demoTable tfoot th, .demoTable tfoot td {
background-color: #E2C55F; padding:10px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px; font-weight:bold; font-style:italic;
border-bottom:3px solid #CCC;
border-top:1px solid #DFDFDF;
}
  #2 (permalink)  
Antiguo 24/08/2009, 14:45
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: ayuda con codigo css

Saludos.

Bueno, asi, adivinando un poco me imagino que la tabla que tiene esos estilos dice algo asi:

Código HTML:
<table class="demoTable"> 
luego, todo el css le da propiedades a la tabla, a cada columna y fila, todo con la misma clase "demoTable" .demoTable td, .demoTable tr, .demoTable th, la unica anchura (si asi se dice) que se refleja en el código, es el de la tabla en si:
Código css:
Ver original
  1. .demoTable {
  2. border-spacing:1px;
  3. font-family:Verdana, Arial, Helvetica, sans-serif;
  4. font-size:10px;
  5. background-color:#E7E7E7;
  6. color: #000000;
  7. width:70&#37;;/* <---------- ancho de la tabla */
  8. margin:auto;
  9. }

asi que si quieres cambiarle el ancho a una columna en especifico, tienes que crear una nueva clase para esa columna, algo asi:

Código css:
Ver original
  1. .micolumna {
  2.  width: 20%;
  3. }
y cuando vas al html, tienes que ponerle a esa columna asi:

<tr class="micolumna">
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 25/08/2009, 16:06
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ayuda con codigo css

Hola:

Como gVenom ya te dió la solución yo te indico algo que he visto al vuelo.

Cita:
Iniciado por pollo_c2 Ver Mensaje
.demoTable td, .demoTable tr, .demoTable th{
border-collapse: separate;
border-collapse: collapse;

border-spacing: 0;
}
Tienes repetido el border-collapse, con lo cual sólo hará caso a la segunda.

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 20:19.