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 ?
<p class="carte"> <span>Pour accéder au calendrier et aux annuaires choisissez la région puis cliquez sur le bouton du département ou bien</span> <img src="asm1.gif" width="450" height="450" usemap="#Map" title="Carte des régions" alt="Carte des régions"></p>
Donc ça, ça marche, sauf que... ce qui est centré verticalement, c'est la dernière ligne du texte (j'ai remis les <br>), le reste est au-dessus... Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
-- Pascale http://www.la-grille-verte.net
SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> écrivait
news:4cefd17b$0$32450$ba4acef3@reader.news.orange.fr:
<p class="carte">
<span>Pour accéder au calendrier et aux annuaires choisissez
la région puis cliquez sur le bouton du département ou bien</span>
<img src="asm1.gif" width="450" height="450" usemap="#Map"
title="Carte des régions" alt="Carte des régions"></p>
Donc ça, ça marche, sauf que... ce qui est centré verticalement, c'est la
dernière ligne du texte (j'ai remis les <br>), le reste est au-dessus...
Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
<p class="carte"> <span>Pour accéder au calendrier et aux annuaires choisissez la région puis cliquez sur le bouton du département ou bien</span> <img src="asm1.gif" width="450" height="450" usemap="#Map" title="Carte des régions" alt="Carte des régions"></p>
Donc ça, ça marche, sauf que... ce qui est centré verticalement, c'est la dernière ligne du texte (j'ai remis les <br>), le reste est au-dessus... Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
-- Pascale http://www.la-grille-verte.net
Olivier Miakinen
Le 26/11/2010 17:39, Pascale a écrit :
on peut aussi remettre les <br>
Donc ça, ça marche, sauf que... ce qui est centré verticalement, c'est la dernière ligne du texte (j'ai remis les <br>), le reste est au-dessus... Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
Je vois le genre :
<table> <tr> <td>Pour accéder au calendrier et aux annuaires</td> <td rowspan=5><img src="images/France.png"></td> </tr>
<tr> <td>choisissez la région</td> <tr>
<tr> <td>puis cliquez sur le bouton du département</td> <tr>
<tr> <td> </td> <tr>
<tr> <td>ou bien</td> <tr> </table>
:-D
Le 26/11/2010 17:39, Pascale a écrit :
on peut aussi remettre les <br>
Donc ça, ça marche, sauf que... ce qui est centré verticalement, c'est la
dernière ligne du texte (j'ai remis les <br>), le reste est au-dessus...
Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
Je vois le genre :
<table>
<tr>
<td>Pour accéder au calendrier et aux annuaires</td>
<td rowspan=5><img src="images/France.png"></td>
</tr>
<tr>
<td>choisissez la région</td>
<tr>
<tr>
<td>puis cliquez sur le bouton du département</td>
<tr>
Donc ça, ça marche, sauf que... ce qui est centré verticalement, c'est la dernière ligne du texte (j'ai remis les <br>), le reste est au-dessus... Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
Je vois le genre :
<table> <tr> <td>Pour accéder au calendrier et aux annuaires</td> <td rowspan=5><img src="images/France.png"></td> </tr>
<tr> <td>choisissez la région</td> <tr>
<tr> <td>puis cliquez sur le bouton du département</td> <tr>
<tr> <td> </td> <tr>
<tr> <td>ou bien</td> <tr> </table>
:-D
Pascale
Olivier Miakinen <om+ écrivait news:4cefdbf4$:
Tu veux dire que, sans rien changer à ton code HTML, tu voudrais pouvoir dire en CSS que la partie gauche de la ligne « ou bien <img src=...> » (le « ou bien ») doit bien se placer en dessous des lignes précédentes, mais que sa partie droite (l'image) doit remonter sur les lignes qui précèdent, probablement en les repoussant pour faire de la place ?
Non, non, je parle juste de centrer verticalement un bloc texte à côté d'une image, c'est tout.
Tu veux dire que, sans rien changer à ton code HTML, tu
voudrais pouvoir dire en CSS que la partie gauche de la
ligne « ou bien <img src=...> » (le « ou bien ») doit bien se
placer en dessous des lignes précédentes, mais que sa partie
droite (l'image) doit remonter sur les lignes qui précèdent,
probablement en les repoussant pour faire de la place ?
Non, non, je parle juste de centrer verticalement un bloc texte à côté
d'une image, c'est tout.
Tu veux dire que, sans rien changer à ton code HTML, tu voudrais pouvoir dire en CSS que la partie gauche de la ligne « ou bien <img src=...> » (le « ou bien ») doit bien se placer en dessous des lignes précédentes, mais que sa partie droite (l'image) doit remonter sur les lignes qui précèdent, probablement en les repoussant pour faire de la place ?
Non, non, je parle juste de centrer verticalement un bloc texte à côté d'une image, c'est tout.
-- Pascale http://www.la-grille-verte.net
Pascale
SAM écrivait news:4cefdf38$0$7724$:
En revanche, tu pourrais envisager de mettre les lignes de texte dans un conteneur
voui, toutafé
de type bloc,
presque, ... inline-block
et le faire flotter à gauche de l'image (ou bien faire flotter l'image à sa droite).
Même pas besoin
... si IE sait qioi faire de inline-block
Mais en quoi est-ce que ça résoudrait le problème d'alignement vertical ?
-- Pascale http://www.la-grille-verte.net
SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> écrivait
news:4cefdf38$0$7724$ba4acef3@reader.news.orange.fr:
En revanche, tu pourrais envisager de mettre les lignes de texte
dans un conteneur
voui, toutafé
de type bloc,
presque, ... inline-block
et le faire flotter à gauche de
l'image (ou bien faire flotter l'image à sa droite).
Même pas besoin
... si IE sait qioi faire de inline-block
Mais en quoi est-ce que ça résoudrait le problème d'alignement vertical ?
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 !
-- Pascale http://www.la-grille-verte.net
docanski
Alors que les eleveurs et agriculteurs empoisonnent toujours la Bretagne, Olivier Miakinen ecrit ce qui suit en ce 26/11/2010 17:34 :
Grande comme une maison et lourde de 10 tonnes, je suppose. ;-)
Au moins !
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.
corriger les points de suspension vers la fin (toujours trois points, pas deux ni quatre, et pas d'espace avant).
Chipoteur ! ;-)
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/
Alors que les eleveurs et agriculteurs empoisonnent toujours la
Bretagne, Olivier Miakinen ecrit ce qui suit en ce 26/11/2010 17:34 :
Grande comme une maison et lourde de 10 tonnes, je suppose. ;-)
Au moins !
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.
corriger les points de suspension vers la fin (toujours trois points,
pas deux ni quatre, et pas d'espace avant).
Chipoteur ! ;-)
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/
Alors que les eleveurs et agriculteurs empoisonnent toujours la Bretagne, Olivier Miakinen ecrit ce qui suit en ce 26/11/2010 17:34 :
Grande comme une maison et lourde de 10 tonnes, je suppose. ;-)
Au moins !
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.
corriger les points de suspension vers la fin (toujours trois points, pas deux ni quatre, et pas d'espace avant).
Chipoteur ! ;-)
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/
docanski
Alors que les eleveurs et agriculteurs empoisonnent toujours la Bretagne, Pascale ecrit ce qui suit en ce 26/11/2010 17:39 :
Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
Vade retro, Satanas ! :-)
Le lien que je t'ai donné ne convient pas ? Il donne des exemples où des boîtes en <float> et un texte centré avec <br> produit ce que tu demandes. A moins que je n'aie pas bien compris ton problème ...
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/
Alors que les eleveurs et agriculteurs empoisonnent toujours la
Bretagne, Pascale ecrit ce qui suit en ce 26/11/2010 17:39 :
Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
Vade retro, Satanas ! :-)
Le lien que je t'ai donné ne convient pas ? Il donne des exemples où des
boîtes en <float> et un texte centré avec <br> produit ce que tu demandes.
A moins que je n'aie pas bien compris ton problème ...
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/
Alors que les eleveurs et agriculteurs empoisonnent toujours la Bretagne, Pascale ecrit ce qui suit en ce 26/11/2010 17:39 :
Je sens que je vais refaire un bon vieux tableau à l'ancienne, moi...
Vade retro, Satanas ! :-)
Le lien que je t'ai donné ne convient pas ? Il donne des exemples où des boîtes en <float> et un texte centré avec <br> produit ce que tu demandes. A moins que je n'aie pas bien compris ton problème ...
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/
Anne G
Le 26/11/10 10:45, docanski a écrit :
Alors que les eleveurs et agriculteurs empoisonnent toujours la Bretagne, Olivier Miakinen ecrit ce qui suit en ce 26/11/2010 17:34 :
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.
Tutututut !!!
Quelle pourrait bien être la logique de cette « règle » ?
[parenthèse éducative] En français, « l'accent a pleine valeur orthographique »[2]. L'Académie française recommande donc l'usage d'accent ou tréma sur une majuscule, tout comme l'utilisation de la cédille. Ainsi les publications de qualité écrivent les majuscules (tout comme les capitales) avec les accents et autres diacritiques, au même titre que les minuscules. En effet, les signes diacritiques ont un rôle important dans les langues qui les utilisent.
Cependant, dans une grande partie du monde francophone (Suisse romande notamment[3], mais pas au Québec[4]), seuls les minuscules et les mots en toutes capitales sont accentués dans les textes courants[5]. Les signes diacritiques ne sont systématiquement reproduits que dans les publications soignées : dictionnaires[6], encyclopédies[7], Collection de la Pléiade… On trouve donc écrit Etat (sic) dans les publications courantes et État dans les publications soignées.
La simple lecture des titres de livres dans une bibliothèque, ou dans les livres scolaires, démontre que l'accentuation des majuscules est ancienne et courante. La pratique tendant à ne pas indiquer les accents sur les majuscules et les capitales trouve sa source dans l'utilisation de caractères de plomb à taille fixe en imprimerie. La hauteur d'une capitale accentuée étant supérieure, la solution était alors soit de graver des caractères spéciaux pour les capitales accentuées en diminuant la hauteur de la lettre, soit de mettre l'accent après la lettre, soit simplement de ne pas mettre l'accent[8]. Cette dernière option a souvent été utilisée durant des siècles, et l'est parfois encore, même si, avec l'arrivée de l'informatique, ces difficultés se sont maintenant estompées. [/[parenthèse éducative]] http://fr.wikipedia.org/wiki/Capitale_et_majuscule
Le 26/11/10 10:45, docanski a écrit :
Alors que les eleveurs et agriculteurs empoisonnent toujours la
Bretagne, Olivier Miakinen ecrit ce qui suit en ce 26/11/2010 17:34 :
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.
Tutututut !!!
Quelle pourrait bien être la logique de cette « règle » ?
[parenthèse éducative]
En français, « l'accent a pleine valeur orthographique »[2]. L'Académie
française recommande donc l'usage d'accent ou tréma sur une majuscule,
tout comme l'utilisation de la cédille. Ainsi les publications de
qualité écrivent les majuscules (tout comme les capitales) avec les
accents et autres diacritiques, au même titre que les minuscules. En
effet, les signes diacritiques ont un rôle important dans les langues
qui les utilisent.
Cependant, dans une grande partie du monde francophone (Suisse romande
notamment[3], mais pas au Québec[4]), seuls les minuscules et les mots
en toutes capitales sont accentués dans les textes courants[5]. Les
signes diacritiques ne sont systématiquement reproduits que dans les
publications soignées : dictionnaires[6], encyclopédies[7], Collection
de la Pléiade… On trouve donc écrit Etat (sic) dans les publications
courantes et État dans les publications soignées.
La simple lecture des titres de livres dans une bibliothèque, ou dans
les livres scolaires, démontre que l'accentuation des majuscules est
ancienne et courante. La pratique tendant à ne pas indiquer les accents
sur les majuscules et les capitales trouve sa source dans l'utilisation
de caractères de plomb à taille fixe en imprimerie. La hauteur d'une
capitale accentuée étant supérieure, la solution était alors soit de
graver des caractères spéciaux pour les capitales accentuées en
diminuant la hauteur de la lettre, soit de mettre l'accent après la
lettre, soit simplement de ne pas mettre l'accent[8]. Cette dernière
option a souvent été utilisée durant des siècles, et l'est parfois
encore, même si, avec l'arrivée de l'informatique, ces difficultés se
sont maintenant estompées.
[/[parenthèse éducative]]
http://fr.wikipedia.org/wiki/Capitale_et_majuscule
Alors que les eleveurs et agriculteurs empoisonnent toujours la Bretagne, Olivier Miakinen ecrit ce qui suit en ce 26/11/2010 17:34 :
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.
Tutututut !!!
Quelle pourrait bien être la logique de cette « règle » ?
[parenthèse éducative] En français, « l'accent a pleine valeur orthographique »[2]. L'Académie française recommande donc l'usage d'accent ou tréma sur une majuscule, tout comme l'utilisation de la cédille. Ainsi les publications de qualité écrivent les majuscules (tout comme les capitales) avec les accents et autres diacritiques, au même titre que les minuscules. En effet, les signes diacritiques ont un rôle important dans les langues qui les utilisent.
Cependant, dans une grande partie du monde francophone (Suisse romande notamment[3], mais pas au Québec[4]), seuls les minuscules et les mots en toutes capitales sont accentués dans les textes courants[5]. Les signes diacritiques ne sont systématiquement reproduits que dans les publications soignées : dictionnaires[6], encyclopédies[7], Collection de la Pléiade… On trouve donc écrit Etat (sic) dans les publications courantes et État dans les publications soignées.
La simple lecture des titres de livres dans une bibliothèque, ou dans les livres scolaires, démontre que l'accentuation des majuscules est ancienne et courante. La pratique tendant à ne pas indiquer les accents sur les majuscules et les capitales trouve sa source dans l'utilisation de caractères de plomb à taille fixe en imprimerie. La hauteur d'une capitale accentuée étant supérieure, la solution était alors soit de graver des caractères spéciaux pour les capitales accentuées en diminuant la hauteur de la lettre, soit de mettre l'accent après la lettre, soit simplement de ne pas mettre l'accent[8]. Cette dernière option a souvent été utilisée durant des siècles, et l'est parfois encore, même si, avec l'arrivée de l'informatique, ces difficultés se sont maintenant estompées. [/[parenthèse éducative]] http://fr.wikipedia.org/wiki/Capitale_et_majuscule
Pascale
docanski écrivait news:icos09$2u61$:
Vade retro, Satanas ! :-)
Ben franchement, je ne suis pas pour faire un tableau quand on a des données qui ne sont PAS tabulaires, mais jusqu'à présent, je n'ai pas d'autre solution qui fasse exactement ce que je veux.
Le lien que je t'ai donné ne convient pas ? Il donne des exemples où des boîtes en <float> et un texte centré avec <br> produit ce que tu demandes. A moins que je n'aie pas bien compris ton problème ...
Si si, tu as parfaitement compris ! 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...
Ben franchement, je ne suis pas pour faire un tableau quand on a des
données qui ne sont PAS tabulaires, mais jusqu'à présent, je n'ai pas
d'autre solution qui fasse exactement ce que je veux.
Le lien que je t'ai donné ne convient pas ? Il donne des exemples où
des boîtes en <float> et un texte centré avec <br> produit ce que tu
demandes. A moins que je n'aie pas bien compris ton problème ...
Si si, tu as parfaitement compris ! 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...
Ben franchement, je ne suis pas pour faire un tableau quand on a des données qui ne sont PAS tabulaires, mais jusqu'à présent, je n'ai pas d'autre solution qui fasse exactement ce que je veux.
Le lien que je t'ai donné ne convient pas ? Il donne des exemples où des boîtes en <float> et un texte centré avec <br> produit ce que tu demandes. A moins que je n'aie pas bien compris ton problème ...
Si si, tu as parfaitement compris ! 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...
