estilos solo a una tabla particular

rrufo · #1 (**permalink**) 03/08/2009, 10:15

como aplico una hoja de estilos solo a una tabla, filas y celdas en particular, sin que me afecte al resto de tablas.

cre recordar q es utilizando clases y # o .

pero no lo encuentro.

Sera q es lunes

pyroCL · #2 (**permalink**) 03/08/2009, 11:09

Supongamos que la "tabla" (es mejor usar div)... asi que usare div...
supongamos que el div se llama estilo debes seguir estos pasos.

Código html:

Ver original<style type="text/css">
#estilo
{
    margin-top:20px;
    position:relative;
    width:100px;
    height:100px;
   .....etc
}
</style>

desppues lo llamas asi.

Código html:

Ver original<body >
<form id="form1" runat="server" >
<div ID="estilo">
 
</div>
 
</form>
</body>

Saludos!

jcxnet · #3 (**permalink**) 03/08/2009, 11:40

Si es un elemnto en particular deberás usar el marcador # y luego los elementos deben estra precedidos por este id, por ejemplo, si tu tabla tiene id="mi_tabla", en el css debrá quedar así:

Código:

#mi_tabla {...}
#mi_tabla thead {...}
#mi_tabla tbody {...}
#mi_tabla tbody tr {...}
#mi_tabla tbody td{...}
// si quieres alguna clase 
#mi_tabla tbody td .clase_celda {...}

rrufo · #4 (**permalink**) 03/08/2009, 14:05

puff no me aclaro

estoy intentado aplicar esto a una de mis tablas:

http://www.phatfusion.net/sortabletable/

y esta muy bien

pero su hoja de estilos
http://www.phatfusion.net/sortableta...tableTable.css

me pisa el resto de tablas

me modificado la hoja haciendo lo q me dijeron:

myTable table {

Código PHP:

  myTable table {

    border: 1px solid #ccc;

    width: 100%;

}

 
myTable th {

    background-color: #eee;

    background: #eee url(images/icon-table-sort.png) no-repeat 2px 8px;

    padding: 4px 4px 4px 14px;

}

 
myTable tr {

    background-color: #eee;

    padding: 4px;

}

 
myTable tr.altRow {

    background-color: #fff;

}

 
myTable td {

    padding: 0 2px;

}

 
. . .

jomaruro · #5 (**permalink**) 03/08/2009, 14:35

Hola:

Cita:

Iniciado por pyroCL

Supongamos que la "tabla" (es mejor usar div)... asi que usare div...

Al César lo que es del César y a Dios lo que es de Dios, dependerá del uso, si es para "tabular" datos siempre es mejor usar una tabla.

Saludos.

Mikmoro · #6 (**permalink**) 03/08/2009, 14:56

Cita:

Iniciado por rrufo

me modificado la hoja haciendo lo q me dijeron:

myTable table {
. . .

}

No, la almohadilla del principio de cada selector no estaba de adorno: si tu id es myTable, cada selector debe comenzar #myTable, no como los has puesto tu:

Cita:

myTable table {
border: 1px solid #ccc;
width: 100%;
}

sino

Cita:

#myTable table {
border: 1px solid #ccc;
width: 100%;
}

El resto no sé ya cómo lo estás haciendo, si tienes una tabla dentro de myTable, etcétera.