Décalage images et texte sous IE 6 - presque résolu mais ...

Bonjour

Sur cette page au niveau de l'image médicaliste et le bouton "mail anvven" le texte venait chevaucher sur chaque image.
J'ai réglé en trouvant une réponse sur votre forum, en plus j'ai tendance à confondre "margin" et "padding".
Je "pinaille", est-il possible de mettre exactement le texte dans l'axe de l'image, voir l'image "mail ANVVEN"par exemple, j'aurai aimé décalé le texte vers le bas ou vice versa l'image vers le haut.

Merci



Code HTML

<div class="ligne1"><img src="liens/ligne1_bas.gif" alt="" width="900" height="3" /></div>
<p class="ajout_url">Merci d'ajouter l'url du site si vous copiez des images et/ou du texte.</p>
<p class="mailto"><span>Pour nous contacter ou nous donner vos impressions sur le site</span><a href="mailto:anvven@neuf.fr"><img src="liens/mail_anvven.gif" alt="" /></a></p>
<div class="webmaster"><a href="mailto:jdezetter.@anvven.net"><img src="liens/webmaster.gif" alt="" /></a></div>
<div class="accueil"><a href="http://www.anvven.net/index.html"><img src="liens/accueil2.gif" alt="" /></a></div>
<div class="ligne2"><img src="liens/ligne2_bas.gif" width="900" height="3" alt="" /></div>
</div>

Code CSS

#lignes_separation
{
}
.ligne1
{
padding-top:5px;
}
ligne2
{
padding-bottom:5px;
}
p.ajout_url /*Texte si copie image et texte*/
{
   color:#FF0000;
   padding-left:30px;
}
/*Contact ANVVEN*/
p.mailto img, span
{
   vertical-align:text-top;
   display: inline-block;
   padding-left:20px; 
}
p.mailto span
{
   padding-left: 30px;
   font-weight:bold;
}
/*Boutons webmaster et accueil*/
.accueil
{
  float:right;
  margin-right:20px;
  padding-bottom:15px;
  padding-top:20px;
}
.webmaster
{
  float:left;
  margin-left:20px;
  margin-bottom:15px;
  padding-top:20px;
 }

Modifié par Auguste (27 Apr 2008 - 14:21)