CSS e Firebug

[Zio_Mauri]

Ciao a tutti,
sto utilizzando UddeIm come PMS, ed houn problema con il Floating Box che mi segnala i nuovi messaggi.
Lo sfondo del box è trasparente, e quindi il tutto è praticamente illeggibile.
Ho provato a studiarci un pò, ma dato che sono troppo scarso, non ho risolto nulla, ma qualcosa ho comunque scoperto. Il problema è legato al template che uso (sunshine).

Ho provato allora acontrollare la pagina con firebug, ed ho scoperto una riga...

background:red none repeat scroll 0 0;

... che se viene disattivata risolve il problema. Firebug parla di "template.css (riga 277)". Penso: "è fatta!!!"
Apro il file CSS e lo modifico, ma...
questo è il css a quella riga:

277 #left_out .module div div div,
278 #right_out .module div div div,
279 #left_out .moduletable div div div,
280 #right_out .moduletable div div div,
281 #left_out .module_menu div div div,
282 #right_out .module_menu div div div,
283 #left_out .module_text div div div,
284 #right_out .module_text div div div{
285   background: none;
286   padding: 5px 5px 10px 5px;
287   overflow: hidden;
288   width: 172px;
289 }


...invece Firebug mi visualizza:

#left_out .module div div div, #right_out .module div div div, #left_out .moduletable div div div, #right_out .moduletable div div div, #left_out .module_menu div div div, #right_out .module_menu div div div, #left_out .module_text div div div, #right_out .module_text div div div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
overflow:hidden;
padding:5px 5px 10px;
width:172px;

La domanda è: da dove arrivano le ultime righe? Non sono nel file template.css, cosa le genera? Ho provato a studiarci un pò, ma è troppo oltre il mio livello.

Qualcuno mi sa aiutare?

Mauri

[frascan]

Ciao.
In genere le estensioni hanno dei css propri hai provato a vedere dove si trova il css del componente che stai utilizzando?

[tonicopi]

E' una libera interpretazione della regola scritta nel css da parte di firebug.
Ci sta scritto:
background: none;
e firebug legge:
background:transparent none repeat scroll 0 0;
che ai fini pratici è la stessa cosa.
Tu cancella quella riga e risolvi.
Male che vada mettici un colore di background 

[Zio_Mauri]

Ciao.
In genere le estensioni hanno dei css propri hai provato a vedere dove si trova il css del componente che stai utilizzando?

Il css del modulo ha questa riga:
background: #e4f2fd;
che però viene sovrascritta

E' una libera interpretazione della regola scritta nel css da parte di firebug.
Ci sta scritto:
background: none;
e firebug legge:
background:transparent none repeat scroll 0 0;
che ai fini pratici è la stessa cosa.
Tu cancella quella riga e risolvi.
Male che vada mettici un colore di background 

Purtroppo non è così :-(
Ho tolto la riga, ma il problema rimane. Scavando ancora ho scoperto che questa fantomatica riga 277 è applicata a tutti i moduli del template. Essendo il Floating Box parte del modulo, riceve gli le stesse proprietà. Il punto è che che, per esempio, la riga:
-moz-background-clip:border;
non la trovo nel file template.css ne da altre parti. Sembrerebbe "iniettata" in qualche modo.
Qualche idea?

Mauri

[tonicopi]

A quel modulo puoi assegnare un Suffisso classe CSS modulo?
Se si, fallo e poi formatti solo quello...

[Zio_Mauri]

A quel modulo puoi assegnare un Suffisso classe CSS modulo?
Se si, fallo e poi formatti solo quello...

Grazie Toni per il supporto. Non so perchè ma adesso funziona, o meglio, appena tolta la riga continuava a non funzionare, ora invece è a posto. 
Direi colpa mia che avevo controllato male dopo la modifica del css.
Fortuna, perchè quando ho letto di assegnare un Suffisso di classe mi si è velata la vista  Credo di essere ancora tropppo scarso per fare quello che mi hai suggerito.
Qualche dritta per trovare info "for Very Dummies" sull'argomento?


Mauri

[tonicopi]

Qualche dritta per trovare info "for Very Dummies" sull'argomento?

Questo forum, dove un autodidatta sulla soglia del rimbambimento come me può passare per un istruttore...
Iniziare da una guida elementare:
http://css.html.it/guide/leggi/2/guida-css-di-base/