Problème d'affichage

Fermé
Lolilou18 - 10 mars 2014 à 20:38
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 11 mars 2014 à 11:39
Bonjour, j'ai une erreur dans mon code que voici :

<div id='Page'>
<div id='anonymous'>
<img id='anonymousInner' src='./images/anonymous-image.jpg' alt="" />
</div>
<div id='titre'>
<p style="line-height:0;text-align:left"><font face="Agency FB Gras"><span style="font-size:40pt;line-height:60px;"><i>titre</i></span></font></p>
</div>
<div id='Stock'>
<p style="line-height:0;text-align:left"><font face="Agency FB Gras" color="#1a1a1a"><span style="font-size:36pt;line-height:54px;"><b><u>sous titre</u></b></span></font></p>
</div>
<?php
while ($donnees = $reponse->fetch())
{
?>
<div id='Text1'>
<p style="line-height:0;text-align:center"><font face="18thCentury" color="#ffffff"><span style="font-size:24pt;line-height:36px;"><b><i><?php echo $donnees['Serveur']; ?></i></b></span></font></p>
</div>
<div id='Ovale'>
<div id='montant'>
<p style="line-height:0;text-align:center"><font face="Arial"><span style="font-size:14pt;line-height:21px;"><b><i><?php echo $donnees['montant']; ?></i></b></span></font></p>
</div>
<div id='Img2'>
<img id='Img2Inner' src='./images/icone.png' alt="" />
</div>
</div>

<?php
}

$reponse->closeCursor(); // Termine le traitement de la requête

?>
</div>

et voici le css :


p {margin:0px; padding:0px; line-height:100%}
.cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
#Page {overflow:hidden;position:relative;width:960px;height:1000px;z-index:1;}
#anonymous {display:block;overflow:hidden;position:absolute;left:-3px;top:-1px;width:963px;height:460px;z-index:2;}
#anonymousInner {position: absolute;width:963px;height:460px;border:0px;}
#titre {display:block;position:absolute;left:176px;top:459px;width:693px;height:134px;z-index:3;}
#Stock {display:block;position:absolute;left:373px;top:566px;width:270px;height:68px;z-index:4;}
#Ovale {display:block;overflow:hidden;position:absolute;left:379px;top:663px;width:247px;height:53px;z-index:5;background:url('./images/index_Ovale.png');background-repeat:no-repeat;}
#montant {display:block;position:absolute;left:33px;top:16px;width:178px;height:24px;z-index:6;}
#Img2 {display:block;overflow:hidden;position:absolute;left:180px;top:11px;width:26px;height:28px;z-index:7;}
#Img2Inner {position: absolute;width:26px;height:28px;border:0px;}
#Text1 {display:block;position:absolute;left:353px;top:626px;width:301px;height:27px;z-index:8;}


Mon problème est que les 3 formes "ovales" se superposent, or je voudrais qu'elles soient l'une en dessous de l'autre et je n'ai aucune idée de comment modifier mon code ! Merci d'avance à vous

1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
11 mars 2014 à 11:39
Salut,

Evite d'utiliser le positionnement absolu pour tous tes éléments.
Sauf cas particulier, tu ne devrais avoir aucun élément en position: absolute.

Recommence ton css sans le positionnement absolu.

Bonne journée
1