Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Alignement d'un texte et d'une image

72 réponses
Avatar
Pascale
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 ?

--
Pascale
http://www.la-grille-verte.net

10 réponses

4 5 6 7 8
Avatar
Pascale
Williamhoustra écrivait
news:4cf0b8ff$0$26396$:

J'ai fait un alignement vertical d'images là
http://wmarie.free.fr/page_navigation_1.html
je ne jure pas que c'est dans la meilleure des écritures CSS, mais
c'est sûr ça marche avec tous les navigateurs.



Merci. Si j'ai bien vu, tu as « compté les pixels » et utilisé une position
« relative ». Le problème, c'est que le jour où tu décides de modifier ton
texte tu es bon pour refaire tes alignements, non ?

--
Pascale
http://www.la-grille-verte.net
Avatar
Y.D.
Le 27/11/2010 01:12, SAM a écrit :
Oui, bon, on se contentera peut-être du français ?



http://gallica.bnf.fr/ark:/12148/bpt6k5812894n/f9 à la 20e ligne....

--
Y.D.
Avatar
SAM
Le 27/11/10 11:11, Y.D. a écrit :
Le 27/11/2010 01:12, SAM a écrit :
Oui, bon, on se contentera peut-être du français ?



http://gallica.bnf.fr/ark:/12148/bpt6k5812894n/f9 à la 20e ligne....



à part qu'ils ont un grave problème de prononfiaffion avec les s
perso, ça ne me gênerait pas qu'ils suppriment l'accent sur le 1er e
de "État ecclésiastique"


--
Stéphane Moriaux avec/with iMac-intel
Avatar
Steph. K
Le 26/11/2010 19:36, Olivier Miakinen a écrit :

http://francois.gannaz.free.fr/Littre/xmlittre.php?requete=p6404
<cit.>
PRIORI (À)
....
</cit.>



Les dictionnaires "modernes" indiquent "a priori" sans accent. Ce qui
est logique vu que c'est du latin.


--
Steph. K
Avatar
alex.vaure
Anne G [anti-spam].com.invalid> wrote:

> C'est quasi le seul cas où j'admets avoir une capitale accentuée dans
> mes textes (avec OÙ et Ç ), les capitales ou majuscules accentuées sont
> vraiment trop moches,

Héhé... Bienvenue dans le monde de l'orthographe esthétique...

Moi, je trouve que /ph/, c'est pas joli. J'écris éléfant.



C'es vrai, moi, j'aime pas les t, j'écrirai donc éléfan
C'es y pas plus joli comme ça ?
--
Alex
Vous avez beau dire, y'a pas seulement que de la pomme, y'a aut'chose.
Ça serait pas dès fois de la betterave, hein ?
Avatar
Anne G
Le 27/11/10 04:34, SAM a écrit :
Le 27/11/10 11:11, Y.D. a écrit :
Le 27/11/2010 01:12, SAM a écrit :
Oui, bon, on se contentera peut-être du français ?



http://gallica.bnf.fr/ark:/12148/bpt6k5812894n/f9 à la 20e ligne....



à part qu'ils ont un grave problème de prononfiaffion avec les s
perso, ça ne me gênerait pas qu'ils suppriment l'accent sur le 1er e
de "État ecclésiastique"



Une faute d'orthographe est une faute d'orthographe. Même en majuscules.
Avatar
Anne G
Le 27/11/10 04:48, Steph. K a écrit :
Le 26/11/2010 19:36, Olivier Miakinen a écrit :

http://francois.gannaz.free.fr/Littre/xmlittre.php?requete=p6404
<cit.>
PRIORI (À)
....
</cit.>



Les dictionnaires "modernes" indiquent "a priori" sans accent. Ce qui
est logique vu que c'est du latin.



S'ils l'écrivent en latin, ils écrivent /a priori/ en italique, alors.
Avatar
Olivier Miakinen
Le 27/11/2010 12:48, Steph. K a écrit :

http://francois.gannaz.free.fr/Littre/xmlittre.php?requete=p6404
<cit.>
PRIORI (À)
....
</cit.>



Les dictionnaires "modernes" indiquent "a priori" sans accent. Ce qui
est logique vu que c'est du latin.



Héhéhé... je dois dire que je n'ai pas choisi cet exemple au hasard. ;-)
Voir : <http://www.langue-fr.net/spip.php?article128>.

P.-S. : si cette expression latine n'a pas encore le droit d'être
francisée contrairement à tant d'autres, j'espère que tu l'écris en
italique, comme toutes les locutions latines et étrangères.

--
Olivier Miakinen
Avatar
Williamhoustra
Pascale a exprimé avec précision :
Williamhoustra écrivait
news:4cf0b8ff$0$26396$:

J'ai fait un alignement vertical d'images là
http://wmarie.free.fr/page_navigation_1.html
je ne jure pas que c'est dans la meilleure des écritures CSS, mais
c'est sûr ça marche avec tous les navigateurs.



Merci. Si j'ai bien vu, tu as « compté les pixels » et utilisé une position
« relative ». Le problème, c'est que le jour où tu décides de modifier ton
texte tu es bon pour refaire tes alignements, non ?



Pas obligatoirement, je viens de rajouter 4 lignes à la suite de
trompe la mort, ça ne décale rien du tout. Tu peux tester

<div id="image_texte_2">
<p>Trompe-la-Mort, le barreur<br />
<br />
Expérimenté, certes, et gardant le moral<br />
en toute circonstance.<br />
Mais je lui trouve une maigreur et une mauvaise mine.<br />
On le laissera à sa maison de retraite. </p>
<p>C&#39;était hier samedi jour de paye</p>
<p>et le soleil se levait sur nos fronts</p>
<p>J&#39;avais déjà vidé plus d&#39;une bouteille</p>
<p>Si bien qu&#39;j&#39;métais jamais trouvé si rond</p>
</div>
Avatar
Pascale
Williamhoustra écrivait
news:4cf15990$0$1047$:

Pas obligatoirement, je viens de rajouter 4 lignes à la suite de
trompe la mort, ça ne décale rien du tout. Tu peux tester



Ben oui, justement, j'ai testé (facile avec Opera) et ça décale...

--
Pascale
4 5 6 7 8