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

Avatar
Olivier Miakinen
Le 26/11/2010 20:53, Anne G a écrit :

Docanski ne parlait que des accents sur les majuscules intiales; il ne
remettait pas en cause les accents sur les capitales.

C'est assez amusant, du coup; parce que c'est bien difficile à justifier.



Je viens de jeter un ½il aux dictionnaires que j'ai pu trouver. Si le
Petit Larousse 1991 et le Petit Robert 2002 accentuent aussi bien les
majuscules que les capitales, en revanche le Petit Larousse 1954 et
le Petit Larousse 1959 n'accentuaient que les capitales et pas les
majuscules ! J'ai un Petit Robert 1990 aussi, mais il est en Lozère,
à quelques centaines de kilomètres de là où je suis en ce moment...
dommage !

--
Olivier Miakinen
Avatar
Pascale
Olivier Miakinen <om+ écrivait
news:4cf031e6$:

J'ai un Petit Robert 1990 aussi, mais il est en Lozère,
à quelques centaines de kilomètres de là où je suis en ce moment...
dommage !



Je viens de regarder dans un Petit Larousse de 1969, toutes les capitales
sont bel et bien accentuées, y compris la première lettre des mots.

--
Pascale
http://www.la-grille-verte.net
Avatar
Olivier Miakinen
Le 26/11/2010 22:32, docanski a écrit :

http://francois.gannaz.free.fr/Littre/xmlittre.php?requeteõ4
http://francois.gannaz.free.fr/Littre/xmlittre.php?requete=p6404
<http://www.larousse.fr/dictionnaires/francais/à peine/59017>
http://atilf.atilf.fr/dendien/scripts/fast.exe?encyclop%E9die



Je parlais d'ouvrages écrits, pas du Web.



J'ai donné ces références parce qu'il t'était facile de les vérifier
par toi-même, mais la plupart du temps il ne s'agit que de mise en
ligne d'ouvrages papier... c'est particulièrement vrai s'agissant du
Littré, lequel n'a pas évolué depuis 1877 !

(Je sais : encore des habitudes de vieux con ...)



J'en suis un aussi, mais il ne me faudrait pas prendre pour plus con
que je ne le suis...

Et mon propos concernait les capitales.



Ça tombe bien puisque ce sont celles qui ont toujours été accentuées
dans tous mes dictionnaires papier, y compris ceux de 1954 et 1959.
En ce qui concerne les majuscules, je suis d'accord que les très vieux
Larousse ne les accentuaient pas.

--
Olivier Miakinen
Avatar
Anne G
Le 26/11/10 15:17, Olivier Miakinen a écrit :
Le 26/11/2010 20:53, Anne G a écrit :

Docanski ne parlait que des accents sur les majuscules intiales; il ne
remettait pas en cause les accents sur les capitales.

C'est assez amusant, du coup; parce que c'est bien difficile à justifier.



Je viens de jeter un ½il aux dictionnaires que j'ai pu trouver. Si le
Petit Larousse 1991 et le Petit Robert 2002 accentuent aussi bien les
majuscules que les capitales, en revanche le Petit Larousse 1954 et
le Petit Larousse 1959 n'accentuaient que les capitales et pas les
majuscules !



Passage de la typo mécanique à la typo électronique, pour ce qui est de
l'accentuation des capitales.

Règle absurde pour ce qui est de ne pas accentuer les majuscules, mais
assez ancienne.

J'ai un Petit Robert 1990 aussi, mais il est en Lozère,
à quelques centaines de kilomètres de là où je suis en ce moment...
dommage !



En 1990, c'était déjà au moins de la photocomposition électronique.
Avatar
SAM
Le 26/11/10 23:17, Olivier Miakinen a écrit :

Petit Larousse 1991 et le Petit Robert 2002 accentuent aussi bien les
majuscules que les capitales, en revanche le Petit Larousse 1954 et
le Petit Larousse 1959 n'accentuaient que les capitales et pas les
majuscules ! J'ai un Petit Robert 1990 aussi, mais il est en Lozère,



Oui, bon, on se contentera peut-être du français ?

Les langues étrangères telles que le lozère ou l'arabe (qui, comme
chacun sait utilisent toutes deux les accents pour du donner du sens à
l'écrit) ce sera pour une prochaine fois, non ?

--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 26/11/10 19:36, Olivier Miakinen a écrit :

Larousse :

<http://www.larousse.fr/dictionnaires/francais/à peine/59017>
<cit.>
[...] Je n'ai pas touché à la calculatrice. — À peine !



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,
Pour un mot complet l'absence des accents n'empêche pas sa lecture et
compréhension (quoi qu'en disent les croutons de l'Académie) sauf cas
rares où bien sûr on met ce qu'il faut au dépend de l'esthétisme.

--
Stéphane Moriaux avec/with iMac-intel
Avatar
SAM
Le 26/11/10 20:14, Pascale a écrit :
Pascale<chaton.tigre+ écrivait
news::

Certes, mais concrètement, y a quoi comme solution aussi fiable qu'un
tableau pour aligner verticalement un paragraphe et une image ?



Je me réponds à moi-même :

P.carte IMG {vertical-align: middle;}
P.carte SPAN {vertical-align: middle; display: inline-block; padding-right:
20px;}

... a l'air de convenir, donc j'arrête d'embêter tout le monde et je dis
merci (-:




Sinon, oui, il y a aussi le mode 'table' et sans style pour l'image


.carte span { display: table-cell; vertical-align: middle;
text-align: right; white-space: nowrap; padding: 0 9px;
font-size: 3em; /* pour bien voir le texte */
width: 4em; /* facultatif ? voir avec IE */
}

<p class="carte">
<span>
Pour accéder au calendrier et aux annuaires <br>
choisissez la région <br>
puis cliquez sur le bouton du département <br>
ou bien
</span>
<span>
<img src="asm1.gif" width="450" height="450" usemap="#Map"
title="Carte des régions" alt="Carte des régions">
</span>
</p>



Reste à voir ce que donnent l'un comme l'autre CSS désactivées.

--
Stéphane Moriaux avec/with iMac-intel
Avatar
Anne G
Le 26/11/10 17:15, SAM a écrit :

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.
Avatar
Williamhoustra
Après mûre réflexion, Pascale a écrit :
docanski écrivait
news:icolr3$2ptc$:

Ne trouverais-tu pas de l'inspiration ici :
http://docanski.free.fr/valastuc/fds11b.htm ?



Ça devrait... sauf que je ne vois pas dans ton code ce qui fait
l'alignement vertical du texte sur l'image !



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.
Avatar
Pascale
SAM écrivait
news:4cf06459$0$7690$:

Reste à voir ce que donnent l'un comme l'autre CSS désactivées.



Oui, j'y avais pensé, mais comme le display: inline-block, c'est un peu
subtil pour moi (même si je comprends le principe). Et quid du rendu avec
IE ?

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