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

1 2 3 4 5
Avatar
Pascale
docanski écrivait
news:icos09$2u61$:

Note que tu peux aussi accentuer les deux À vers le début de la page



La majuscule, en français, ne prend pas d'accent.



Si, bien sûr ! là je suis formelle et catégorique ! (-:

--
Pascale
http://www.la-grille-verte.net
Avatar
docanski
Alors que les eleveurs et agriculteurs empoisonnent toujours la
Bretagne, Anne G ecrit ce qui suit en ce 26/11/2010 19:07 :

Tutututut !!!

Quelle pourrait bien être la logique de cette « règle » ?



C'est curieux : mon Littré (je sais, ça date), mon Hachette et mon
Larousse ne l'adoptent pas ... à moins que la dioptrie de mon binocle
ne me suffise plus pour les admirer.

http://fr.wikipedia.org/wiki/Capitale_et_majuscule



Mouais ... voilà bien une pseudo-encyclopédie à laquelle je ne me fierai
jamais : après y avoir lu un nombre invraisemblable de bêtises, j'ai
compris tout l'intérêt ... de ne pas consulter ce truc si je veux avoir
une information correcte.
Ceci dit, je conçois que la majuscule accompagnée d'un accent puisse
être justifiée par certains auteurs. Mais je suis peut-être un peu vieux
jeu et mes encore plus vieux bouquins poussiéreux n'ont pas adopté, eux
non plus, ces accents de la discorde ...

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
Olivier Miakinen
Le 26/11/2010 18:26, Pascale a écrit :

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 !



La chance (ou bien un choix subtil du nombre de mots pour que ça marche
bien avec les tailles de caractères par défaut). Augmente le corps du
texte et tu verras que ledit texte dépasse un peu par le bas mais pas
par le haut.

==============================
Et la solution de SAM sans <br> ? Parce que bon, avec une fois encore
une taille de texte pas trop grande tu obtiendras peut-être les sauts de
ligne que tu as fixés :

Pour accéder au calendrier et aux annuaires
choisissez la région
puis cliquez sur le bouton du département

mais en augmentant la taille cela risque fort de devenir :

Pour accéder au calendrier et aux
annuaires
choisissez la région
puis cliquez sur le bouton du département

puis :

Pour accéder au calendrier et aux
annuaires
choisissez la région
puis cliquez sur le bouton du
département

alors que si tu ne mets pas de <br> ça s'adaptera de façon plus propre
aux différentes tailles, par exemple :

Pour accéder au calendrier et aux
annuaires choisissez la région puis
cliquez sur le bouton du département
Avatar
docanski
Alors que les eleveurs et agriculteurs empoisonnent toujours la
Bretagne, Pascale ecrit ce qui suit en ce 26/11/2010 19:14 :

Ce que je ne comprends pas c'est,
précisément, ce qui fait l'alignement vertical dans ton code ! Je dois
avoir des peaux de saucisson devant les yeux, moi...



Mouais, bon, je dois alors préciser qu'il s'agit des <br /> qui sont
l'équivalent en XHTML des <br> du HTML pour une raison très simple,
c'est que XHTML exige que tous les balises soient fermées.

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
Olivier Miakinen
Le 26/11/2010 19:21, docanski a écrit :
Alors que les eleveurs et agriculteurs empoisonnent toujours la
Bretagne, Anne G ecrit ce qui suit en ce 26/11/2010 19:07 :

Tutututut !!!

Quelle pourrait bien être la logique de cette « règle » ?



C'est curieux : mon Littré (je sais, ça date), mon Hachette et mon
Larousse ne l'adoptent pas ... à moins que la dioptrie de mon binocle
ne me suffise plus pour les admirer.



Littré :

http://francois.gannaz.free.fr/Littre/xmlittre.php?requeteõ4
<cit.>
FAÇONNIER, IÈRE
...
ÉTYMOLOGIE
...
SUPPLÉMENT
</cit.>

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

Larousse :

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

http://fr.wikipedia.org/wiki/Capitale_et_majuscule



Mouais ... voilà bien une pseudo-encyclopédie à laquelle je ne me fierai
jamais



Bon, alors allons voir dans le TLFi :

http://atilf.atilf.fr/dendien/scripts/fast.exe?encyclop%E9die
<cit.>
ENCYCLOPÉDIE, subst. fém.
...
</cit.>
Avatar
Steph. K
Le 26/11/2010 19:21, docanski a écrit :

C'est curieux : mon Littré (je sais, ça date), mon Hachette et mon
Larousse ne l'adoptent pas ... à moins que la dioptrie de mon binocle ne
me suffise plus pour les admirer.



Le Littré, Larousse et le Petit Robert accentuent les majuscules dans
leurs versions électroniques.


--
Steph. K
Avatar
Pascale
docanski écrivait
news:icouc3$3003$:

Mouais, bon, je dois alors préciser qu'il s'agit des <br /> qui sont
l'équivalent en XHTML des <br> du HTML pour une raison très simple,
c'est que XHTML exige que tous les balises soient fermées.



Oui, je sais, mais quid de l'alignement vertical ???
J'ai essayé de mettre la carte en float: right, et bien le texte à côté se
retrouve certes à gauche aligné sur le haut de la carte, donc ça ne va pas
du tout.

--
Pascale
http://www.la-grille-verte.net
Avatar
Olivier Miakinen
Le 26/11/2010 19:36, jé répondais à docanski :

C'est curieux : mon Littré (je sais, ça date), mon Hachette et mon
Larousse ne l'adoptent pas ... à moins que la dioptrie de mon binocle
ne me suffise plus pour les admirer.



Littré :

...

Larousse :

...



Je n'avais pas de lien vers le dictionnaire Hachette en ligne, mais
j'ai trouvé ceci <http://www.dictionnaire.com/hachette/> où il me
semble bien lire sur la couverture du 3e bouquin « QUÉBÉCOIS » et
« FRANÇAIS ».
Avatar
Pascale
Olivier Miakinen <om+ écrivait
news:4ceffc3c$:

alors que si tu ne mets pas de <br> ça s'adaptera de façon plus propre
aux différentes tailles, par exemple :

Pour accéder au calendrier et aux
annuaires choisissez la région puis
cliquez sur le bouton du département



Je ne suis pas accro aux <br> et je ne tiens pas à tous prix à les
conserver...

--
Pascale
http://www.la-grille-verte.net
Avatar
Olivier Miakinen
Allez, un dernier lien sur le sujet...

Le 26/11/2010 18:45, docanski a écrit :

Note que tu peux aussi accentuer les deux À vers le début de la page



La majuscule, en français, ne prend pas d'accent.



Puisque tu n'acceptes pas Wikipédia comme référence sur la façon dont on
écrit en français, peut-être l'avis de l'Académie Française aura-t-il
plus de chances de te convaincre :


http://www.academie-francaise.fr/langue/questions.html#accentuation

<cit.>
Accentuation des majuscules

On ne peut que déplorer que l’usage des accents sur les majuscules soit
flottant. On observe dans les textes manuscrits une tendance certaine à
l’omission des accents. En typographie, parfois, certains suppriment
tous les accents sur les capitales sous prétexte de modernisme, en fait
pour réduire les frais de composition.

Il convient cependant d’observer qu’en français, l’accent a pleine
valeur orthographique. Son absence ralentit la lecture, fait hésiter sur
la prononciation, et peut même induire en erreur. Il en va de même pour
le tréma et la cédille.

On veille donc, en bonne typographie, à utiliser systématiquement les
capitales accentuées, y compris la préposition À, comme le font bien sûr
tous les dictionnaires, à commencer par le Dictionnaire de l’Académie
française, ou les grammaires, comme Le Bon Usage de Grevisse, mais aussi
l’Imprimerie nationale, la Bibliothèque de la Pléiade, etc. Quant aux
textes manuscrits ou dactylographiés, il est évident que leurs auteurs,
dans un souci de clarté et de correction, auraient tout intérêt à suivre
également cette règle.
</cit.>
1 2 3 4 5