Geckozone

La balise HR est traduite par Firefox avec des bords arrondis. c'est joli certes mais celà la rend inexploitable pour réaliser des histogrammes très léger car on obtient alors un joli rond sur les valeurs faibles, au lieu d'une barre.

Autre chose l'alignement doit être déclaré au sein de la balise.

Exemple de code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<TITLE>Chiffres Clé</TITLE>
<META NAME="GENERATOR" CONTENT="MAX's HTML Beauty++ 2004">

</HEAD>

<BODY>
<FONT FACE="Arial">
<TABLE border="1">
<CAPTION><DIV ALIGN="left">Exercice 2003-2004</DIV></CAPTION>
<TR>
<TD><B>Chiffre d'affaire total</B></TD>
<TD ALIGN="right"> 132 081 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="330" COLOR="red" ALIGN="left"></TD>
</TR>
<TR>
<TD>   dont approvisionnement</TD>
<TD ALIGN="right"> 36 597 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="91" COLOR="green" ALIGN="left"></TD>
</TR>
<TR>
<TD>   dont céréales</TD>
<TD ALIGN="right"> 80 868 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="202" COLOR="yellow" ALIGN="left"></TD>
</TR>
<TR>
<TD>   dont semences</TD>
<TD ALIGN="right"> 11 433 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="29" COLOR="#00FF00" ALIGN="left"></TD>
</TR>
<TR>
<TD>   dont prestations de service</TD>
<TD ALIGN="right"> 3 083 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="8" COLOR="#FF8000" ALIGN="left"></TD>
</TR>
<TR>
<TD><B>Immobilisations nettes</B></TD>
<TD ALIGN="right"> 48 015 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="120" COLOR="#800040" ALIGN="left"></TD>
</TR>
<TR>
<TD><B>Capitaux propres</B></TD>
<TD ALIGN="right"> 37 873 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="95" COLOR="#8080C0" ALIGN="left"></TD>
</TR>
<TR>
<TD><B>Capacité d'autofinancement</B></TD>
<TD ALIGN="right"> 3 538 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="9" COLOR="##FF00FF" ALIGN="left"></TD>
</TR>
<TR>
<TD><B>Dettes long et moyen terme</B></TD>
<TD ALIGN="right"> 14 705 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="37" COLOR="#800080" ALIGN="left"></TD>
</TR>
<TR>
<TD><B>Résultat net</B></TD>
<TD ALIGN="right"> 1 075 k€</TD>
<TD BGCOLOR="white" ALIGN="left"><HR SIZE=15 WIDTH="3" COLOR="##0080FF" ALIGN="left"></TD>
</TR>
</TABLE>
</FONT>
</BODY>
</HTML>

Rajoute ça dans le head de ton code pour une correction immédiate :

Code : Tout sélectionner

<style type="text/css">
hr
{
	-moz-border-radius: 0;
}
</style>

Mais à ta place, j'utiliserais plutôt des div. Ce sont des éléments neutres parfait pour faire des rectangles colorés. Avec un hr tu ne pourras pas savoir à l'avance comment le navigateur en fait le rendu.

Merci pour les précieux conseils

profite en pour virer tout les align, bgcolor, etc, c'est remplacé facilement par qq lignes de css

Geckozone

Comportement de la balise <HR> dans Firefox et IE

Comportement de la balise <HR> dans Firefox et IE

merci