28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'aimerais mettre du texte dans le coins d'une image en haut a gauche.
Comment puise-je procéder pour que l'affichage soit identique sous IE, opera et FireFox ?

Vous pouvez voir la page a l'adresse suivante:
--http://iteckwebx.infoteck.qc.ca/psn3.com/blabla.php

à noter, sous firefox et opera, vous ne verrez pas le texte en haut a droite, mais sur IE vous le verrez.

Le code que j'utilise est le suivant :


<div id="divTetiere">
  <p id="telephone">Tél [decu]418) 831-1929
     <a id="email" href="email.php" title="email">info@psn3.com</a>
  </p>
  <img src="images/petitsArbres/006.jpg" id="Tetiere">
</div>


et le code de la css :


* {margin: 0; padding: 0;}

body { background-color:#99ac53; margin: 0 0 0 0; width:100%; text-align:center; font-family: "Arial", "Helvetica", "Nimbus Sans L", sans-serif; color:#000000; }

div#principal 
 { background: url("images/separateur.gif") repeat-y center; margin-left: auto;  margin-right: auto; width:761px; text-align:left;  }

  
p#telephone
 { color:#ffffff; font-size:13px; font-weight: bold;  text-align:right;  margin-right:15px; float:right;}

div#divTetiere
 {  height:267px; margin-left:8px; margin-right:8px; width:745px;  }

img#Tetiere
{
 display:block; 
}
 
a#email    
 { color:#ffffff; text-decoration: none; font-weight: bold; font-size:12px; margin-right:10px; display:block;}
 



a noter, que en mettant l'image en backgound ca fonctionne, seulement, j'aimerais pouvoir afficher une image differente sur cette page selon le produits selectionne, donc, je dois impérativement avoir la balise <img> dans la page php pour pouvoir modifer sa src.

Merci
Si jai bien compris ton problème d'affichage, on dirait que ça vient du display:block; de img#Tetiere