Fare un HR compatibile con vari browser via CSS



Un problema che avevo affrontato più volte quello di un <hr> che potesse funzionare sia su Internet Explorer sia su Firefox.

Purtroppo non l’avevo ancora "archiviato" nel blog, quindi mea culpa e procedo.

Niente di particolare, è necessario procedere con la ridefinizione del HR nel CSS. Volendo potremo dichiarare una classa (es HR.miaLinea) e poi richiamarla con <hr class="miaLinea" />)

hr {

border: 0;
height: 3px;
color: #F5F5F5;
background-color: #F5F5F5;

}

Con questo semplice metodo creeremo una linea orizzontale di 3px di altezza di colore #F5F5F5.
Difatti <hr> in Internet Explorer prende il colore dall’attributo color mentre su firefox lo prende da background-color.

 

Un ringraziamento a David Hucklesby, l’autore del primo link che ho trovato sull’argomento, peraltro correttissimo!

Se trovi questo articolo su un blog diverso da “blog.merlinox.com” si tratta probabilmente di una copia non autorizzata. L’indirizzo originale di questo articolo è: Fare un HR compatibile con vari browser via CSS scritto da .

2 Responses to Fare un HR compatibile con vari browser via CSS

  1. Giacomino Spithil dice:

    Ecco, grazie. Mi ero fatto un menù per navigare all’interno di un mio CD tramite Frontpage per guadagnare tempo ma ora devo rifare tutto perchè mi ero dimenticato che con Firefox/Opera poi non si visualizza correttamente la HR. Grazie per il suggerimento

  2. Merlinox dice:

    @giacomino: frontpage sta al web come satana alla vita… fuggi fino a che sei in tempo :)

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

*

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>