hr e colore

[stranyera]

non mi ricordo piu': come si fa ad assegnare un colore ad hr??????

[stranyera]

che deficente: bastava dirgli un bel
"color: #codicecolore"


edit: pero Firefox non lo prende

[seed_squall_it]

Il problema è che l'hr viene reso molto diversamente da browser a browser. Alcuni browser per es. permettono l'impostazione del colore di primo piano ma non del colore di sfondo, altri fanno in contrario. Tra l'altro, hr è un po' "anomalo" come elemento, perché riguarda sia il contenuto (separa logicamente due sezioni) sia la presentazione ("disegna" una riga orizzontale). In futuro sembra che il W3C voglia rimpiazzarlo con un elemento <separator> se non vado errato. Anche se non è molto corretto semanticamente, se devo "disegnare" dei separatori mi affido a un <div> a cui applico un'immagine di sfondo ripetuta orizzontalmente e centrata verticalmente. Almeno riesco a formattarli come voglio con i CSS e non stravolgo in ogni caso la semantica della pagina.

[stranyera]

capito....


OT: vieni su msn un secondo?

[erredeco]

Il problema è che l'hr viene reso molto diversamente da browser a browser. Alcuni browser per es. permettono l'impostazione del colore di primo piano ma non del colore di sfondo, altri fanno in contrario

Vero. per non sbagliare io di solito scrivo:

hr {
color: #f00;
background-color: #f00;
border: 1px solid #f00;
}

maggiori informazioni su:

http://www.sovavsiti.cz/css/hr.html

[merlinox]

Io avevo bisogno di fare un hr alto 10px e per risolvere sia con FireFox sia con IE ho fatto così:
hr{
height: 10px;
color: #D7E9FD;
background-color: #D7E9FD;
border: 5px solid #D7E9FD;
}