Foros del Web » Creando para Internet » CSS »

Dos modelos de tablas diferentes

Estas en el tema de Dos modelos de tablas diferentes en el foro de CSS en Foros del Web. Hola gente, Lo que quiero es tener 2 tablas, pero que cada una tenga un estilo diferente, el problema que estoy teniendo es que las ...
  #1 (permalink)  
Antiguo 10/09/2008, 01:05
 
Fecha de Ingreso: mayo-2007
Mensajes: 54
Antigüedad: 10 años, 6 meses
Puntos: 1
De acuerdo Dos modelos de tablas diferentes

Hola gente,

Lo que quiero es tener 2 tablas, pero que cada una tenga un estilo diferente, el problema que estoy teniendo es que las dos tablas se ven iguales. Defino lo siguiente para la tabla1:

Código PHP:
.tabla1 {
    
overflow-yhidden;
    
overflow-xscroll;
    
border1px solid
    
border-color:#CCCCCC;     
    
width:710px;    
    
height:710px;
}
.
tabla1 tablethtd {
    
width1800px;
    
border1px solid #D4E0EE;
    
border-collapsecollapse;
    
font-family"Trebuchet MS"Arialsans-serif;
    
color#555;
}
.
tabla1 tdth {
    
padding4px;
    
text-aligncenter;    
}
.
tabla1 thead th {
    
text-aligncenter;
    
background#E6EDF5;
    
color#4F76A3;
    
font-size100% !important;
}
.
tabla1 tbody th {
    
font-weightbold;
}

.
tabla1 tbody tr 
    
background#FCFDFE; 
}

.
tabla1 tbody tr.odd 
    
background#F7F9FC; 
}
.
tabla1 tfoot thtfoot td {
    
font-size85%;


Código PHP:
<div class="tabla1">
<
table>
    <
thead>
        <
tr>
            <
th>Login</th>
            <
th>Nombre</th>
            <
th>Apellido</th>
        </
tr>
    </
thead>
    <
tbody>    
        <
tr>
               <
td>Login</td>
               <
td>Apellido</td>
               <
td>Apellido</td>
        </
tr>
</
tbody>
</
table>
</
div

Para tabla2 tengo lo siguiente(a modo de ejemplo lo unico q cambio son los colores para ver si funciona):

Código PHP:
.tabla2 {
    
overflow-yhidden;
    
overflow-xscroll;
    
border1px solid
    
border-color:#FFFFFF;     
    
width:710px;    
    
height:710px;
}
.
tabla2 tablethtd {
    
width1800px;
    
border1px solid #FFFFFF;
    
border-collapsecollapse;
    
font-family"Trebuchet MS"Arialsans-serif;
    
color#FFFFFF;
}
.
tabla2 tdth {
    
padding4px;
    
text-aligncenter;    
}
.
tabla2 thead th {
    
text-aligncenter;
    
background#FFFFFF;
    
color#FFFFFF;
    
font-size100% !important;
}
.
tabla2 tbody th {
    
font-weightbold;
}

.
tabla2 tbody tr 
    
background#FFFFFF; 
}

.
tabla2 tbody tr.odd 
    
background#FFFFFF; 
}
.
tabla2 tfoot thtfoot td {
    
font-size85%;

Código PHP:
<div class="tabla2">
<
table>
    <
thead>
        <
tr>
            <
th>Login</th>
            <
th>Nombre</th>
            <
th>Apellido</th>
        </
tr>
    </
thead>
    <
tbody>    
        <
tr>
               <
td>Login</td>
               <
td>Apellido</td>
               <
td>Apellido</td>
        </
tr>
</
tbody>
</
table>
</
div
Cuando armo la tabla2, se ve igual que la tabla1, es decir no cambian los colores. Como tengo que hacer para que las dos se vean distintas?, muchas gracias
  #2 (permalink)  
Antiguo 10/09/2008, 02:06
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Respuesta: Dos modelos de tablas diferentes

Creo que el problema radica en los selectores siguientes:

.tabla1 table, th, td
.tabla1 td, th
.tabla1 tfoot th, tfoot td
.tabla2 table, th, td
.tabla2 td, th
.tabla2 tfoot th, tfoot td

Si te das cuenta, defines más de una vez las reglas de estilo de los mismos elementos sin distinguir entre tablas. Por ejemplo, los selectores:

.tabla1 table, th, td

.tabla2 table, th, td

Escogen nuevamente los th y los td. No debería ser algo como:

.tabla1 table, .table1 th, .table1 td

.tabla2 table, .table2 th, .table2 td

de forma que no entren en conflicto.
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #3 (permalink)  
Antiguo 10/09/2008, 09:21
 
Fecha de Ingreso: mayo-2007
Mensajes: 54
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Dos modelos de tablas diferentes

Fenomeno!!! muchas gracias, era eso
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:54.