Estilo a Tabla

[mexbale]

Hola a todos

Tengo un problema, lo que pasa es que tengo un estilo para tablas pero quisiera saber como le puedo hacer para que ese estilo nada mas aplica a una tabla en especifico, por ejemplo

tengo 2 tablas las cuales las tengo como ID 01 y 02, el estilo se trata de ponerle un borde de color. Quisiera que tuviera un color una y la otra otro color.

claro que ya lo intente manualmente con un

Código HTML:

border="1" bordercolor="#333333"
 

en la etiqueta de table (<table border="1" bordercolor="#333333">), pero el nuevo explorer no me lo reconoce, por eso decidí hacer un CSS

espero que me puedas ayudar y de antemano les doy las gracias.

el CSS lo tengo asi:

Código CSS:

tr,td,table {
    border: solid 1px #333333; 
}
 

Saludos y buen día

[Oscar_Hidro]

Hola mexbale. Para aplicar estilos a una tabla en espcifico, la tienes que llamar directamente en el css con el nombre de su ID, que a lo que comentas, en este caso seria 01 y 02.

Te explico, tu estas aplicando un estilo general para todas las tablas de esta manera:

Código CSS:

tr,td,table {
    border: solid 1px #333333; 
}
 

Pero si tus tablas tiene un identificador de la siguiente manera...

Código HTML:

<table id="01">
.
.
.
.</table>
 
<table id="02">
.
.
.
.</table>
 

entonces, la manera de aplicarles el estilo de bordes a cada tabla, lo llamas de la siguiente manera:

Código CSS:

#01 {
    border: solid 1px #333333; 
}
#02 {
    border: solid 1px #999999; 
}
 

[mexbale]

Estimado Oscar_Hidro.

Revise lo que me has consejado pero no me sale eso de los bordes por que sera te pongo el codigo de mi CSS para ver si puedes chacar en que estoy mal:

Código CSS:

<style type="text/css"> 
body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    background-image: url(ubuntu.png);
    background-repeat: repeat;
    background-color: #000;
}
.twoColHybLtHdr #container {
    width: 90%;
    text-align: left;
    background-position: right bottom;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
} 
.twoColHybLtHdr #header {
    padding: 0 10px;
    background-image: url(Prueba.png);
    background-repeat: no-repeat;
} 
.twoColHybLtHdr #header1 {
    padding: 0 10px;
    background-image: url(Prueba.png);
    background-repeat: no-repeat;
}
#01 {
    border: solid 1px #333333; 
}
.twoColHybLtHdr #header h1 {
    margin: 0;
    padding: 10px 0;
}
.twoColHybLtHdr #sidebar1 {
    float: left;
    width: 12em;
    padding: 15px 0;
    background-image: url(Prueba.png);
    background-repeat: no-repeat;
    border: thin solid #950000;
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
    margin-left: 10px;
    margin-right: 10px;
}
.twoColHybLtHdr #mainContent {
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 13em;
    color: #CCC;
    background-image: url(Prueba.png);
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
} 
.arriba {
    padding-left: 419px;
    bottom: 10%;
}
botones_arriba {
    left: 416px;
}
.twoColHybLtHdr #footer {
    padding: 0 10px;
} 
.twoColHybLtHdr #footer p {
    margin: 0;
    padding: 10px 0;
}
.fltrt {
    float: right;
    margin-left: 8px;
}
.fltlft {
    float: left;
    margin-right: 8px;
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.footer {
    font-size: 10px;
    color: #230203;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
body,td,th {
    color: #FFF;
    font-size: 80%;
}
.boton_yt_fb {  padding-left: 5px;
}
</style>
 

pero no me jala la función de ante mano te doy las gracias y espero que me puedas ayudar
suerte buena tarde

[Oscar_Hidro]

Que tal de nuevo, seria bueno tambien que publicaras el html para ver a que elementos estas otorgando las propiedades del css.

[C2am]

Hola
Si no estoy equivocado los ID no deben comenzar con números, con lo cual deberías cambiar los 01 por tabla01 o t01 o lo que se te ocurra, menos numeros al principio.

Saludos

De http://www.librosweb.es/xhtml/capitu...atributos.html
1) Atributos básicos: se pueden utilizar prácticamente en todas las etiquetas HTML

Atributo Descripción
id = "texto" Establece un identificador único a cada elemento dentro de una página HTML
class = "texto" Establece la clase CSS que se aplica a los estilos del elemento
style = "texto" Establece de forma directa los estilos CSS de un elemento
title = "texto" Establece el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento)
La mayoría de páginas web actuales utilizan los atributos id y class de forma masiva. Sin embargo, estos atributos sólo son realmente útiles cuando se trabaja con CSS y con Javascript.

Respecto al valor de los atributos id y class, sólo pueden contener guiones medios (-), guiones bajos (_), letras y/o números, pero no pueden empezar por números. Además, los navegadores distinguen mayúsculas de minúsculas y no se recomienda utilizar letras como ñ y acentos, ya que no es seguro que funcionen correctamente en todas las versiones de todos los navegadores.

[mexbale]

Gracias a todos ya me salio el único problema era como lo decía C2am, no me aceptaba el id con un numero al principio

Gracias por el apoyo

Suerte en todo