Foros del Web » Creando para Internet » CSS »

Aplicar hoja de estilos a una sola tabla

Estas en el tema de Aplicar hoja de estilos a una sola tabla en el foro de CSS en Foros del Web. Buenas, tengo una hoja de estilos llamada casablanca.css. Esta hoja yo la baje de internet, pues no se mucho de estilos. Esta definida por etiqueta ...
  #1 (permalink)  
Antiguo 08/06/2010, 07:36
 
Fecha de Ingreso: diciembre-2007
Mensajes: 54
Antigüedad: 10 años
Puntos: 1
Aplicar hoja de estilos a una sola tabla

Buenas, tengo una hoja de estilos llamada casablanca.css. Esta hoja yo la baje de internet, pues no se mucho de estilos. Esta definida por etiqueta lo cual hace que todas las tablas que yo tenga definida en un html adquieran ese estilo. Yo la quiero para una sola, se que tiene que ser por clase. Yo mas o menos tengo una idea de como es por clase pero en esta hoja hay atributos complicados que no los se manejar. Les paso el codigo. Pueden modificar el codigo para que quede por clase?

Gracias!

Aqui va el codigo:

table {
color: #7F7F7F;
font: 0.8em/1.6em "Trebuchet MS",Verdana,sans-serif;
border-collapse: collapse
}

table,caption {
margin: 0 auto;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC
}

caption,th,td {
border-left: 0;
padding: 10px
}

caption,thead th,tfoot th,tfoot td {
background-color: #E63C1E;
color: #FFF;
font-weight: bold;
text-transform: uppercase
}

thead th {
background-color: #C30;
color: #FFB3A6;
text-align: center
}

tbody th {
padding: 20px 10px
}

tbody tr.odd {
background-color: #F7F7F7;
color: #666
}

tbody a {
padding: 1px 2px;
color: #333;
text-decoration: none;
border-bottom: 1px dotted #E63C1E
}

tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
color: #666
}

tbody tr:hover {
background-color: #EEE;
color: #333
}

tbody tr:hover a {
background-color: #FFF
}

tbody td+td+td+td a {
color: #C30;
font-weight: bold;
border-bottom: 0
}

tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited {
color: #E63C1E
}

tbody td a[href="http://www.rodcast.com.br/"] {
margin: 0 auto;
display: block;
width: 15px;
height: 15px;
background: transparent url('data:image/gif;base64,R0lGODlhDwAPAIAAACEpMf///yH5BAAAAAAALAAAAAAPAA8AAAIjjA8Qer0JmYvULUOlxXEjaEn dliUeA56c97TqSD5pfJnhNxYAOw%3D%3D') no-repeat;
text-indent: -999em;
border-bottom: 0
}

tbody a:visited:after {
font-family: Verdana,sans-serif;
content: "\00A0\221A"
}
  #2 (permalink)  
Antiguo 08/06/2010, 07:54
 
Fecha de Ingreso: julio-2008
Ubicación: valencia
Mensajes: 18
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Aplicar hoja de estilos a una sola tabla

usa un idetificador
<table id="nombre_tabla">

</table>

he indica todos los estilos con #nombre_tabla
  #3 (permalink)  
Antiguo 08/06/2010, 07:59
 
Fecha de Ingreso: diciembre-2007
Mensajes: 54
Antigüedad: 10 años
Puntos: 1
Respuesta: Aplicar hoja de estilos a una sola tabla

Cita:
Iniciado por juporag Ver Mensaje
usa un idetificador
<table id="nombre_tabla">

</table>

he indica todos los estilos con #nombre_tabla
Ahi va, pero como hago con por ejemplo:

tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited
  #4 (permalink)  
Antiguo 08/06/2010, 10:37
 
Fecha de Ingreso: diciembre-2007
Mensajes: 54
Antigüedad: 10 años
Puntos: 1
Respuesta: Aplicar hoja de estilos a una sola tabla

Alguien que me ayude no me sale. Pliss!!
  #5 (permalink)  
Antiguo 08/06/2010, 17:38
 
Fecha de Ingreso: junio-2010
Mensajes: 13
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Aplicar hoja de estilos a una sola tabla

Puede hacerlo de dos maneras:

1)Con un identificador: entonces usted en la hoja de estilo pone

#ejemplo{
lo que vaya aqui
}

y en el html:
<table id="ejemplo">
<tr>
<td></td>
</tr>
</table>
Con esta forma se recomienda utilizarla una sola vez para evitar inconvenientes con algun navegador.

2)Con clases:ahora seria:

.ejemplo{
lo que vaya aqui
}

Aqui no se coloca el numeral sino el punto.Esto es lo que diferencia un id de una clase.


<table class="ejemplo">
<tr>
<td></td>
</tr>
</table>

De este modo se recomienda colocarlo en varias "etiquetas".Esta es la diferencia fundamental entre los dos metodos.

Última edición por josebas; 08/06/2010 a las 17:48
  #6 (permalink)  
Antiguo 08/06/2010, 23:33
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Aplicar hoja de estilos a una sola tabla

Y tienes que ponerlo a todos los sub-estilos, por ejemplo:

.ejemplo tbody td+td+td+td a:active, .ejemplo tbody td+td+td+td a:hover, .ejemplo tbody td+td+td+td a:focus, .ejemplo tbody td+td+td+td a:visited

Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #7 (permalink)  
Antiguo 09/06/2010, 07:25
 
Fecha de Ingreso: diciembre-2007
Mensajes: 54
Antigüedad: 10 años
Puntos: 1
Respuesta: Aplicar hoja de estilos a una sola tabla

Ahi va, ya lo logre muchas gracias

Etiquetas: estilos, hoja, tablas
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 11:13.