Foros del Web » Creando para Internet » CSS »

estilos solo a una tabla particular

Estas en el tema de estilos solo a una tabla particular en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/08/2009, 11:15
 
Fecha de Ingreso: enero-2002
Mensajes: 1.438
Antigüedad: 15 años, 11 meses
Puntos: 0
estilos solo a una tabla particular

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
  #2 (permalink)  
Antiguo 03/08/2009, 12:09
Avatar de pyroCL  
Fecha de Ingreso: marzo-2009
Ubicación: C#
Mensajes: 261
Antigüedad: 8 años, 9 meses
Puntos: 2
Respuesta: estilos solo a una tabla particular

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
  1. <style type="text/css">
  2. #estilo
  3. {
  4.     margin-top:20px;
  5.     position:relative;
  6.     width:100px;
  7.     height:100px;
  8.    .....etc
  9. }
desppues lo llamas asi.

Código html:
Ver original
  1. <body >
  2. <form id="form1" runat="server" >
  3. <div ID="estilo">
  4.  
  5. </div>
  6.  
  7. </form>
  8. </body>

Saludos!
__________________
La verdadera sabiduría está en reconocer la propia ignorancia.
  #3 (permalink)  
Antiguo 03/08/2009, 12:40
Avatar de jcxnet  
Fecha de Ingreso: octubre-2005
Ubicación: Perú
Mensajes: 784
Antigüedad: 12 años, 2 meses
Puntos: 56
Respuesta: estilos solo a una tabla particular

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 {...}
__________________
►I'm a devil on the run ♂
Jcxnet.com
*Keep It Simple **
  #4 (permalink)  
Antiguo 03/08/2009, 15:05
 
Fecha de Ingreso: enero-2002
Mensajes: 1.438
Antigüedad: 15 años, 11 meses
Puntos: 0
Respuesta: estilos solo a una tabla particular

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 {
    
border1px solid #ccc;
    
width100%;
}

myTable th {
    
background-color#eee;
    
background#eee url(images/icon-table-sort.png) no-repeat 2px 8px;
    
padding4px 4px 4px 14px;
}

myTable tr {
    
background-color#eee;
    
padding4px;
}

myTable tr.altRow {
    
background-color#fff;
}

myTable td {
    
padding0 2px;
}

. . . 
  #5 (permalink)  
Antiguo 03/08/2009, 15:35
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: estilos solo a una tabla particular

Hola:

Cita:
Iniciado por pyroCL Ver Mensaje
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.

  #6 (permalink)  
Antiguo 03/08/2009, 15:56
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: estilos solo a una tabla particular

Cita:
Iniciado por rrufo Ver Mensaje
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.
__________________
Visita mi nueva web idplus.org
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 09:01.