ie6 non mostra background color hover su h1 link

[bluantinoo2]

Salve,
ho un problema che mi sta facendo impazzire.
Riguarda (naturalmente) internet explorer 6

non riesco a visualizzare il colore di sfondo sul rollover di un link all'interno di un <h1>

questa è la mia struttura html

<div class="left">
<h1>Titolo</h1>
<div>

questo è il css

.left{
position: relative;
left: 0px;
border: 1px solid #f0ffff;
float: left;
width: 365px;
padding: 0px;
}

.left h3{
font-size: 14px;
margin-top: 0px;
margin-bottom: 0px;
}

.left h3 a{
padding: 0 5px 0 18px;
color: #223d57;
display: block;
margin-top: 0px;
margin-bottom: 0px;
border: 1px solid transparent;
}

.left h3 a:hover{
padding-left: 3px;
border-left: 15px solid #ffffff;
text-decoration: none;
color: #ffffff;
background-color: #004f68;
border-bottom: 1px solid #ffffff;
}

sul rollover cambia il colore del font, ma non quello dello sfondo...come fare? dove sbaglio? su ie7 e firefox (1.5 e 2) tutto ok

[fcaldera]

le regole css che hai usato prevedono un elemento h3 mentre nel codice hai un elemento h1

[bluantinoo2]

si chiedo venia, ma è un errore presente solo qui non sul mio codice.

[fcaldera]

prova ad inserire uno spazio tra la regola e la graffa aperta

...a:hover {

e se ancora non funziona posta un link alla pagina, perchè dal codice che hai postato non sembrano esserci problemi.

[bluantinoo2]

ecco la pagina dove ho il problema:

www.romamirabilia.com

nella colonna a sinistra (MirabiliaNews) il titolo delle news in effetti ha un rollover con lo sfondo scuro e il testo bianco, ma su ie6 niente background scuro sul rollover, quindi il colore bianco non si vede...

[Mich_]

.leftside fieldset input, textarea, select{

Questo e` probabilmente un error. Probabilmente intendevi:

.leftside fieldset input, .leftside textarea, .leftside select{

altrimenti il textarea si riferisce a TUTTI i textarea, non slo a quelli che stanno in leftside.


Per il problema segnalato, non vedo errori (ma non ho IE per provare).

contrordine ...
Ho visto una cosa che non mi piace: il JS che abilita/non abilita i file esterni (in particolare i CSS).
Secondo me contiene degli errori logici, per cui puo` funzionare in modo diverso in brwoser diversi.
Dovresti provare a togliere sia lo script che tutti i <link> tranne quello che stai testando.
Il CSS addon contiene molti errori CSS (che vengono interpretati in modo diverso dai vari browser), quello big contiene le stesse definizioni (occorre essere sicuri di come i browser gestiscono gli alternate); transmenu non lo ho analizzato, per cui non posso dire nulla.

[bluantinoo2]

per la questione delle textarea etc hai ragione, grazie..una svista.

il css addons anche se viene embeddato in realtà va tolto perchè non c'è nessuna classe che utilizzo nel sito, stesso discorso per big.
il transmenu anche va ripulito, le classi che utilizzo vanno bene , poi ce ne stanno molte che non uso e che devo togliere.
per quanto riguarda il javascript che abilita/non abilita i file esterni...a quale ti riferisci?

[Mich_]

per quanto riguarda il javascript che abilita/non abilita i file esterni...a quale ti riferisci?

function setActiveStyleSheet(title) {
 var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) {
      	a.disabled = false;
      	a.disabled = true;
      	a.disabled = false;
      }
    }
  }
}

Questo fa chiaramente un loop sui tag <link>.
Pero` il limite del loop e` una variabile a sua volta modificata all'interno del loop.
Personalmente non ne capisco la logica, e sono convinto che browser diversi interpretano la cosa in modo diverso.
Prima di andare a cercare perche` non funziona un certo CSS, io disabiliterei questo script.

[bluantinoo2]

ha ok, ti riferisci al javascript per passare da un css ad un altro.

non ricordo dove l'ho preso...ad ogni modo l'ho commentato.
Non lo utilizzavo...cmq ora non c'è più, ma il problema resta. nella colonna di sinistra della homepage, i titoli delle news : niente background color sul rollover in IE6 (gli altri browser tutto ok, ma ie6 è ancora troppo diffuso per ignorarlo)