CSS Ayuda con estilo de tabla que utiliza signo de #

[SiKa]

Ayuda!!!!

tengo el siguiente codigo CSS para definir un estilo de tabla.... pero resulta que donde lo estoy utilizando me da clavo el signo de # antepuesto al nombre de la tabla...  alguien me puede orientar a como quitarle ese signo de # y que me siga funcionando a la perfeccion?....

De antemano muchas gracias.

Código: [Seleccionar]

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}


[g00mba]

ahi lo que podes hacer es cambiar el ID (#) por una clase (con el punto), no es lo recomendado (lo recomendado es mantener el # si solo ocupas un elemento de ese formato) pero es un workaround. pero no entiendo porque te da error q tenga el # en el ccs. (en el html no necesita llevar eso.) solo pones
<table ID=customers th> </table>

pd. no lei con detalle el codigo, si queres mas detalle me voy a tomar el tiempo de leerlo bien

[DarkBios]

tenes una opcion, puedes hacer esto:

<table class="customers">

en el CSS le cambias el # por un punto "." y te funcionara de otra forma, como el ejemplo:

Código: [Seleccionar]

.customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
.customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
.customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
.customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}

PD: yo prefiero capas <div> y establecer todo de una vez

NOTA: Goomba despejame la duda del porque no es recomendado, ?

[SiKa]

me da clavo porque ese codigo lo guardo en una base de datos (... es una larga historia)  entonces a la hora de hacer el update masivo para varias tablas ese signo de # me lo ignora... entonces... como reemplazarlo?? .... goomba... yo no se nada de CSS... me podes ayudar tipo para dymmy?

[SiKa]

 DarkBios... reemplaceel # por el .  pero neles... se pierde el estilo y me pone los datos todos en blanco...     .. mi problema es que yo ese codigo lo estoy guadando en una tabla para reutilizarlo y luego armo un codigo html para enviar correos en ese formato y datos con ese estilo.... pero me da problemas en oracle el caractar ese

[DarkBios]

me da clavo porque ese codigo lo guardo en una base de datos (... es una larga historia)  entonces a la hora de hacer el update masivo para varias tablas ese signo de # me lo ignora... entonces... como reemplazarlo?? .... goomba... yo no se nada de CSS... me podes ayudar tipo para dymmy?

prova esto, agregas el codigo css en un archivo php y solo lo invocas a la par de la tabla:

<?php include="fulano.php" ?>
<table></table>

en el codigo css debes cambiar el nombre e invocarlo, talvez te funciona

PD: Prefiero que nos expliques en que estructura estas trabajando, php, xml, html ?

[g00mba]

NOTA: Goomba despejame la duda del porque no es recomendado, ?

las ID (el "#") se usan cuando uno y solo un elemento que será afectado existe. las clases (el ".") lo usas cuando queres usarlo en múltiples elementos.
arevalo, creo que lo que necesitas hacer es separar el css (la presentación) de los datos, respondeme algo, el css está embebido en la página o es un archivo css por separado?

[SiKa]

SI GOOMBA..  es embebido en el HTML... ya lo solucione... en ves del "."  lo puse.. como table.customers luego al invocarla cambie la instruccin y listo..


muchas gracias a todos

[g00mba]

aunque lo solucionaste te recomiendo consideres mover el css a otro archivo. claro si es un quick fix asi dejalo, pero si lo estas escribiendo vos, es lo ideal que separes la presentacion (el css) de los datos (en html)