bug IE7 -link dentro lista

[mithria]

Ho un problema con IE7. Semplice: ho una lista... e uno degli elementi della lista e' un link.

ecco il codice HTML

<div class="box_dark">
<ul class="icon">
[*]Les Fauves[/list]
<span class="ora">inizio concerto ore: 21.00</span>
</div>

come vedete ho una lista con un elemento... e l'elemento e' linkato.



qui il CSS


ul.icon,ul.icon li{list-style:none;padding:0; width:500px; margin-top:-1px;}
ul.icon{width:15em;}
ul.icon li{
margin-bottom:10px;
background:url(../images/plus.gif) no-repeat left;
text-indent: 18px;
font-weight: bold;
font-variant: small-caps;
color:inherit;
}

ul.icon li a, ul.icon li a:link, ul.icon li a:active, ul.icon li a:visited, ul.icon li a:focus {
color: inherit;
text-decoration: none;
}

ul.icon li a:hover {
color:#ffa624; (arancione)
background: #212121; (grigio)
}



il sito è questo www.keepon.it/ultimo

con Firefox funziona tutto perfettamente. Con Ie7 invece il link è blu, come se non gli avessi passato lo stile del css.

[Myaku]

premetto che ho dato un'occhiata al volo al tuo codice (se non usi il tag code per postare si fa fatica a leggerlo), ma la prima cosa che mi è salta all'occhio è che hai l'ordine dei link sbagliato

regola LoVe/HAte (link, visited, hover, active è la giusta sequenza)

e magari prova, anzichè a dire di ereditare, a specificare il valore

[mithria]

Originariamente inviato da Myaku
premetto che ho dato un'occhiata al volo al tuo codice (se non usi il tag code per postare si fa fatica a leggerlo), ma la prima cosa che mi è salta all'occhio è che hai l'ordine dei link sbagliato

regola LoVe/HAte (link, visited, hover, active è la giusta sequenza)

e magari prova, anzichè a dire di ereditare, a specificare il valore

ok scusami per non aver usato il tag CODE, la prossima volta ne farò uso.

Per quanto riguarda la sequenza... da vero ignorante non sapevo ce ne fosse una corretta da seguire. ^_^

Ora provo... al massimo ritorno :P

[mithria]

niente da fare.. IE7 continua a fare di testa sua. Non capisco dove io possa aver sbagliato.

Ho definito tutti gli stili...che mi interessano.
CSS

ul.icon,ul.icon li{list-style:none;padding:0; width:500px; margin-top:-1px;}
ul.icon{width:15em;}
ul.icon li{
	margin-bottom:10px;
    background:url(../images/plus.gif) no-repeat left;
    text-indent: 18px;
    font-weight: bold;
    font-variant: small-caps;
    color:inherit;
    letter-spacing:.05em;
    }
    
ul.icon li a, ul.icon li a:link, ul.icon li a:visited, ul.icon li a:active {
	color: inherit;
	text-decoration: none;
	background:none;
	    }
	    
ul.icon li a:hover {
	color:#ffa624;
	background: #212121;
	text-decoration: none;
	    }

HTML

<div class="box_dark">
	       [img]public/gruppi/atoysorchestra.gif[/img]
     	    

<span class="data">25/01/08 - NEW AGE CLUB [ roncade, tv ]</span></p>
		   

<ul class="icon">
		[*]A Toys Orchestra[*]Les Fauves[/list]
            <span class="ora">inizio concerto ore: 21.00</span>
	   </div>

quello che mi sta facendo impazzire e' che... per quanto riguarda la classe span data... il funzionamento e' corretto. Una volta che vado sopra con il puntatore dle mouse cambia sfondo al testo e il colore.
Mentre con i link dentro la lista... questo non accade in IE7, ma solo in FF. In pratica in IE mi viene fissato un colore blu, il tipicolo colore di link attivo, che io vorrei mascherare...

Qualcun altro ha riscontrato questo "bug" (Sempre che lo sia)???

[Myaku]

ma se anzichè "color: inherit" inserisci il valore esadecimale, il problema rimane?

[mithria]

Originariamente inviato da Myaku
ma se anzichè "color: inherit" inserisci il valore esadecimale, il problema rimane?

ehehe scusami mi sono spiegato male io....

se vai sul sito.. noterai che ho dato una proprietà :hover anche ai box che contengono i gruppi... percio' se quando vado con il mouse su un box.. questo attribuisce degli stili anche ai gruppi (cioe' i testi all'interno del box).

Se ora dessi il valore esadecimale allo stile dei links... della lista, allora annullerei le proprieta' testo che derivano dalla funzione :hover del box... :P

non so se mi sono spiegato bene.

Insomma ora ho rimediato... annullando appunto queste proprieta' :hover dei boxes, ma rimane il fatto che IE7 è un bel po' idiota