anomalie su repubblica.it

[armando]

ciao a tutti, sono sempre alle prese con le mia estensione...in
relazione ai link della pagina, per modificare il loro colore,
praticamente creo una classe nel CSS e lo aggancio ad ogni singolo
link...
sostanzialmente funziona su tutti i siti che ho provato tranne uno,
quello di REPUBBLICA nel quale queste impostazioni non vengono
eseguite per il menù centrale e per tutti i link che sono nel corpo
della pagna..

Per quanto riguarda il menù c'è una situazione del genere:
.....
<div id="topmenuv2"><ul id="topmenuAv2" class="menuhome">
<li><a href="http://www.repubblica.it/index.html"
class="currentmenuhome">Home</a></li>
.....

dove, io, al posto della classe ci metto la mia....

(se invece a livello DOM io imposto nodo.style.color=colore allora
tutti i link saranno di quel colore....il problema che così non riesco
a gestire lo stato del link)

qualcuno mi sa dire da cosa può dipendere questo?
grazie

[Davide Ficano]

armando ha scritto:

> ciao a tutti, sono sempre alle prese con le mia estensione...in
> relazione ai link della pagina, per modificare il loro colore,
> praticamente creo una classe nel CSS e lo aggancio ad ogni singolo
> link...
> sostanzialmente funziona su tutti i siti che ho provato tranne uno,
> quello di REPUBBLICA nel quale queste impostazioni non vengono

> eseguite per il men� centrale e per tutti i link che sono nel corpo
> della pagna..
>
> Per quanto riguarda il men� c'� una situazione del genere:

> .....
> <div id="topmenuv2"><ul id="topmenuAv2" class="menuhome">
> <li><a href="http://www.repubblica.it/index.html"
> class="currentmenuhome">Home</a></li>
> .....
>
> dove, io, al posto della classe ci metto la mia....
>
> (se invece a livello DOM io imposto nodo.style.color=colore allora

> tutti i link saranno di quel colore....il problema che cos� non riesco

> a gestire lo stato del link)
>

> qualcuno mi sa dire da cosa pu� dipendere questo?
> grazie
>
Non mi e' ben chiaro cosa succede pero' hai provato ad aggiungere "!important" agli stili del tuo CSS?

[armando]

si si
praticamente con il CSS che creo i link del menù non li tocca
proprio....la cosa strana è che questo succede solo con repubblica ed
il menù del sito ebay.com (solo quello superiore)....tutti gli altri
link della pagina vengono settati come specifico io.

[Luca Greco]

2009/12/11 armando <armando....@gmail.com>:

Se con !important (http://www.w3.org/TR/CSS2/cascade.html#important-rules)
non riesci a sovrascrivere le regole CSS originali,
prova a fare un po' di debugging con Firebug facendo inspect di
uno dei link in questione e analizzando nella tabella a destra
da dove proviene lo style che ha una priorità maggiore del tuo
(e verificando che le tue regole aggancino effettivamente l'elemento
in questione)

http://lh3.ggpht.com/_W42xjpEMvQ8/SyPJ0Xzy7oI/AAAAAAAAAGw/S4P5LNTIsHY/s800/firebug-debugcss.png

rpl

--
Luca Greco @ Alca Società Cooperativa
Follow me on http://twitter.com/lucagreco

[armando]

quello che esce fuori dal debug è che nel tag di <a> c'è la classe che
gli imposto io (classLink)
<a class="classLink" href="http://www.repubblica.it......
e questo è quello che esce fuori per lo stile è:
(in cui gli underline stanno per la barratura)

element.style {
font-size:15px;
letter-spacing:1px;
line-height:15px;
}
#topmenuv2 a:visited {
color:#000000;
text-decoration:none;
}stile_v4.css (riga 165)

#topmenuv2 a {
background-color:#BBD8E8;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
____color:#000000;_____
display:block;
float:left;
padding:8px 6px;
text-align:center;
____text-decoration:none;____
}stile_v4.css (riga 163)

a.classLink:visited {
____color:#FFFF00;___
}index.html (riga 1)

a:visited {
text-decoration:none;
}stile_v4.css (riga 11)

a {
_____color:#222222;____
_____font-family:Arial,Helvetica,sans-serif;____
____text-decoration:none;____
}stile_v4.css (riga 10)

* {
font-family:Script MT Bold !important;
}index.html (riga 1)

* {
margin:0;
____padding:0;____
}

dal quale si vede che l'impostazione viene presa da
#topmenuv2 a:visited {
mentre la classe mia è cancellata

[armando]

...ma non dovrebbe uscire !important nella mia classe???

[armando]

risolto risolto risolto......errore clamoroso...c'era un ; in più.
avevo messo questo
window.opener.addGlobalStyle(' A.classLink:visited { color: '+
coloreLink2 +' ; ! important; } ');
invece di
window.opener.addGlobalStyle(' A.classLink:visited { color: '+
coloreLink2 +' ! important; } ');
adesso i menu si colorano con i colori miei....

[Luca Greco]

Ottimo!

Non rammaricarti, gli errori sono all'ordine di giorno :-)
E' per questo che in ogni contesto vengono sviluppati
degli appositi debugger.

A questo punto direi che la conclusione di questo usecase
è che !important è in generele la soluzione che la W3C ha
previsto per questo genere di scenari e Firebug è utilissimo
in questo contesto per fare debugging delle regole CSS.

Tieni a mente che durante il debugging del CSS puoi sfruttare
Firebug per modificare al volo oltre che visualizzare
le regole CSS applicate, potrebbe esserti utile nel caso
in cui ti trovassi di fronte altri problemi di questo tipo ;-)

Happy Web-Patching,

[Davide Ficano]

armando ha scritto:
> risolto risolto risolto......errore clamoroso...c'era un ; in pi�.
> avevo messo questo

L' "!important" e' che adesso funziona :D

[armando]

:-) :-) :-)