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">
<!--
Sous IE la balise TD... Align="left" suffit à aligner l'élément HR qui suit
Sous Firefox il faut redéclarer l'alignement au sein de la balise HR, de plus
les bords des traits HR sont arrondis
-->
</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>
Comportement de la balise <HR> dans Firefox et IE
Comportement de la balise <HR> dans Firefox et IE
je suis un nègre blanc qui mange du cirage...
parce qu'il se fait chier à être blanc ce nègre...
Léo FERRE
parce qu'il se fait chier à être blanc ce nègre...
Léo FERRE
Rajoute ça dans le head de ton code pour une correction immédiate :
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.
Code : Tout sélectionner
<style type="text/css">
hr
{
-moz-border-radius: 0;
}
</style>
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités