Positionnement en CSS

Mon Code CSS

Code:

---

#Facture99R07 { margin-top: 1102px; margin-left: 463px; position: absolute; }

---

Mon Code HTML

Code:

---

1 2 3 4 5

div id="Facture99R07"> <text class="Text_12N"> Voir votre Facture </text> <a href="#" onmouseover="show();" onmouseout="hide();"> ici </a> </br> <img id="image" style="display:none;" src="Images/Paiement.jpg"/> </img> </div>

---

Mon codes JavaScript

Code:

---

1 2 3 4 5 6 7

<script type="text/javascript"> function show(){ document.getElementById('image').style.display = 'block'; } function hide(){ document.getElementById('image').style.display = 'none'; } </script>

---

Hors ma ligne s'affiche complétement en haut à gauche de ma page,
par contre si j'actualise ma page(F5), la ligne vient se positionner correctement.

Comment faire pour que ma ligne vienne à la bonne position dès l'affichage ?

Commencer par du code HTML valide serait peut-être une bonne piste :)
Cela dit, peut-être votre code JS a-t-il une action sur le positionnement de votre DIV ?

J'obtiens une page vide quand je teste votre code :?

Code:

---

<text class="Text_12N"> Voir votre Facture </text>

---

La balise <text> n'existe pas...

Je remplace donc <text> par la balise <p> et je supprime le code CSS pour réussir à afficher du contenu... dès le "premier affichage" :)

@gazza: la balise TEXT —effectivement farfelue— n'y est sans doute pour rien, puisqu'elle est interprétée comme un SPAN par le navigateur. En outre, il faut conserver la CSS puisqu'elle fait partie de la solution (afficher la DIV a un endroit donné, sans avoir besoin de rafraîchir).