Je butte sur un problème agaçant : je voudrais aligner verticalement un
texte bref sur une image un peu comme on le voit ici :
http://www.alsacreations.com/astuce/lire/4-alignement-vertical-image-
texte.html
sauf que dans mon cas, le texte est à gauche de l'image et non à droite.
Donc j'ai un code HTML du genre :
<p class="carte">Pour accéder au calendrier et aux annuaires<br>choisissez
la
région<br>puis cliquez sur le bouton du département<br><br>ou bien
<img src="images/France.png" width="450" height="450" usemap="#Map"
title="Carte des régions" alt="Carte des régions">
<map name="Map">
<area shape="poly" coords="131,..." href="region.php?ouca=bretagne"
target="_self" title="Bretagne" alt="Bretagne">
.................................
</map></p>
Le texte à aligner est bien sûr celui qui précède la carte.
La partie CSS est de ce style :
P.carte IMAGE {vertical-align: middle; display: inline;}
(normalement, cette partie est superflue, mais...)
P.carte MAP {display: inline;}
P.carte {line-height: 250%;}
(histoire que le texte ne soit pas trop tasssé).
Mon souci, c'est que rien de tout ça ne fonctionne, le texte est au-dessus
de la carte et non à sa gauche !
Qu'est-ce que j'ai fait de travers ?
As-tu lu mon petit tuto à ce sujet sur mon site Free (positionnement CSS) ? Je l'avais fait dès que je commençais à être à l'aise avec ces boîtes <div> (avant, comme tout le monde je faisais des tableaux). En particulier comment gérer les différences de marges entre IE et ses petits camarades.
As-tu lu mon petit tuto à ce sujet sur mon site Free (positionnement
CSS) ? Je l'avais fait dès que je commençais à être à l'aise avec ces
boîtes <div> (avant, comme tout le monde je faisais des tableaux). En
particulier comment gérer les différences de marges entre IE et ses
petits camarades.
As-tu lu mon petit tuto à ce sujet sur mon site Free (positionnement CSS) ? Je l'avais fait dès que je commençais à être à l'aise avec ces boîtes <div> (avant, comme tout le monde je faisais des tableaux). En particulier comment gérer les différences de marges entre IE et ses petits camarades.