28173 sujets

CSS et mise en forme, CSS3

Bonsoir.
Voilà l'image affichée correctement avec firefox :
upload/1557-Image2.png
Et voilà l'image telle IE me l'affiche(décalage des images apres un</p>) :
upload/1557-Image1.png

Voilà le bout de code correspondant:
 echo "<div class='statrow'>";
  echo "<div class='iconffox legende'></div><p class='textlegende'>Firefox</p>";
  echo "<div class='iconiexp legende'></div><p class='textlegende'>IExplorer</p>";
  echo "<div class='iconoper legende'></div><p class='textlegende'>Opera</p>";
  echo "<div class='iconsafa legende'></div><p class='textlegende'>Safari</p>";
  echo "</div>";


Et les CSS :


.legende  {margin:0px 0px 0px 22px;padding:0px 0px 0px 0px;}
.iconffox {position:relative;float:right;background: url('http://blabla.fr/icon.png') no-repeat;width:16px;height:16px;margin: 0px;padding:0px;}


Smiley bawling Merci !
Modifié par Ralfman68 (20 Mar 2006 - 19:01)
J'ai trouvé ! il ne fallait pas faire :

.legende  {margin:0px 0px 0px 22px;padding:0px 0px 0px 0px;}

il fallait écrire :

.legende  {margin:0px 0px 0px 0px;padding:0px 0px 0px 22px;}
Ralfman68 a écrit :
J'ai trouvé ! il ne fallait pas faire :

.legende  {margin:0px 0px 0px 22px;padding:0px 0px 0px 0px;}

il fallait écrire :

.legende  {margin:0px 0px 0px 0px;padding:0px 0px 0px 22px;}


une liste aurait été plus approprié a mon avis Smiley langue