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 ?
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...
Oups ! Gourance ! Et c'est bien connu : ce sont les balises <p> qui n'utilisent pas les mêmes marges avec IE qu'avec les autres, il faut mettre <br /> pour le retour à la ligne et ne garder qu'un <p> pour l'ensemble. Comme ceci
<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.<br /> C'était hier, samedi jour de paye<br /> Et le soleil se levait sur nos fronts<br /> J'avais déja vidé plus d'une bouteille<br /> Si bien qu'j'm'étais jamais trouvé si rond<br /> V'la la bourgeoise qui rapplique devant l'zinc<br /> "Feignant !", qu'elle dit, "T'as donc lâché l'turbin ?"<br /> "Ouais" que j'répond, "car je vais au métaingue"<br /> "Au grand métaingue du métropolitain" </p>
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
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...
Oups ! Gourance ! Et c'est bien connu : ce sont les balises <p> qui
n'utilisent pas les mêmes marges avec IE qu'avec les autres, il faut
mettre <br /> pour le retour à la ligne et ne garder qu'un <p> pour
l'ensemble. Comme ceci
<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.<br />
C'était hier, samedi jour de paye<br />
Et le soleil se levait sur nos fronts<br />
J'avais déja vidé plus d'une bouteille<br />
Si bien qu'j'm'étais jamais trouvé si rond<br />
V'la la bourgeoise qui rapplique devant l'zinc<br />
"Feignant !", qu'elle dit, "T'as donc lâché l'turbin ?"<br />
"Ouais" que j'répond, "car je vais au métaingue"<br />
"Au grand métaingue du métropolitain"
</p>
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
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...
Oups ! Gourance ! Et c'est bien connu : ce sont les balises <p> qui n'utilisent pas les mêmes marges avec IE qu'avec les autres, il faut mettre <br /> pour le retour à la ligne et ne garder qu'un <p> pour l'ensemble. Comme ceci
<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.<br /> C'était hier, samedi jour de paye<br /> Et le soleil se levait sur nos fronts<br /> J'avais déja vidé plus d'une bouteille<br /> Si bien qu'j'm'étais jamais trouvé si rond<br /> V'la la bourgeoise qui rapplique devant l'zinc<br /> "Feignant !", qu'elle dit, "T'as donc lâché l'turbin ?"<br /> "Ouais" que j'répond, "car je vais au métaingue"<br /> "Au grand métaingue du métropolitain" </p>
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
Olivier Masson
Le 26/11/2010 22:41, Benoit a écrit :
Oh pute borgne ! Comment qu'y cause le gus. Y dit qu'y faut pas
Tiens, c'est la première fois que j'entends cette expression hors de la bouche de mon père :)
Le 26/11/2010 22:41, Benoit a écrit :
Oh pute borgne ! Comment qu'y cause le gus. Y dit qu'y faut pas
Tiens, c'est la première fois que j'entends cette expression hors de la
bouche de mon père :)
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
C'est super, mais je ne comprends pas du tout le principe...
-- Pascale http://www.la-grille-verte.net
Olivier Miakinen
Le 29/11/2010 10:13, Olivier Masson répondait à Benoit :
Oh pute borgne ! Comment qu'y cause le gus. Y dit qu'y faut pas
Tiens, c'est la première fois que j'entends cette expression hors de la bouche de mon père :)
Génial : il est bien ton synthétiseur vocal couplé au logiciel de news ? Est-ce qu'il arrive correctement à ignorer les signes de citation « > » ou bien est-ce que chaque ligne citée est précédée de « supérieur à » ?
Le 29/11/2010 10:13, Olivier Masson répondait à Benoit :
Oh pute borgne ! Comment qu'y cause le gus. Y dit qu'y faut pas
Tiens, c'est la première fois que j'entends cette expression hors de la
bouche de mon père :)
Génial : il est bien ton synthétiseur vocal couplé au logiciel de news ?
Est-ce qu'il arrive correctement à ignorer les signes de citation « > »
ou bien est-ce que chaque ligne citée est précédée de « supérieur à » ?
Le 29/11/2010 10:13, Olivier Masson répondait à Benoit :
Oh pute borgne ! Comment qu'y cause le gus. Y dit qu'y faut pas
Tiens, c'est la première fois que j'entends cette expression hors de la bouche de mon père :)
Génial : il est bien ton synthétiseur vocal couplé au logiciel de news ? Est-ce qu'il arrive correctement à ignorer les signes de citation « > » ou bien est-ce que chaque ligne citée est précédée de « supérieur à » ?
Williamhoustra
Pascale a formulé la demande :
Williamhoustra écrivait news:4cf28db8$0$1081$:
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
C'est super, mais je ne comprends pas du tout le principe...
Le principe de base est d'avoir des boîtes (des <div>) disposées comme tu le désires (et qui ne joue pas à l'accordéon quand tu manipules la taille de fenêtre client du navigateur. C'est un poil plus compliqué à gérer comme emplacement que les tableaux, mais l'avantage sur les tableaux c'est que dedans tu peux mettre et arranger comme tu veux le contenu. Et, bien sûr, on peut jouer aux poupées russes avec les <div> ce qui permet d'être sûr que ce qui est dans un regroupement ne va pas se débobiner.
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
C'est super, mais je ne comprends pas du tout le principe...
Le principe de base est d'avoir des boîtes (des <div>) disposées
comme tu le désires (et qui ne joue pas à l'accordéon quand tu
manipules la taille de fenêtre client du navigateur. C'est un poil plus
compliqué à gérer comme emplacement que les tableaux, mais l'avantage
sur les tableaux c'est que dedans tu peux mettre et arranger comme tu
veux le contenu. Et, bien sûr, on peut jouer aux poupées russes avec
les <div> ce qui permet d'être sûr que ce qui est dans un regroupement
ne va pas se débobiner.
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
C'est super, mais je ne comprends pas du tout le principe...
Le principe de base est d'avoir des boîtes (des <div>) disposées comme tu le désires (et qui ne joue pas à l'accordéon quand tu manipules la taille de fenêtre client du navigateur. C'est un poil plus compliqué à gérer comme emplacement que les tableaux, mais l'avantage sur les tableaux c'est que dedans tu peux mettre et arranger comme tu veux le contenu. Et, bien sûr, on peut jouer aux poupées russes avec les <div> ce qui permet d'être sûr que ce qui est dans un regroupement ne va pas se débobiner.
docanski
Alors que les eleveurs et agriculteurs empoisonnent toujours la Bretagne, Williamhoustra ecrit ce qui suit en ce 29/11/2010 17:11 :
Pascale a formulé la demande :
Williamhoustra écrivait
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
C'est super, mais je ne comprends pas du tout le principe...
Le principe de base est d'avoir des boîtes (des <div>) disposées comme tu le désires (et qui ne joue pas à l'accordéon quand tu manipules la taille de fenêtre client du navigateur.
C'est exactement ce que j'ai proposé avec le lien donné.
C'est un poil plus compliqué à gérer comme emplacement que les tableaux,
Pas du tout, c'est simplement une question de (bonne) habitude. A partir du moment ou tu utilises un conteneur pour tes boites (une boite-mère, en somme) tu peux les placer sans problème où tu veux. C'est donc même plus souple que les tables. Le seul petit problème est que tu dois partir d'un conteneur en dimensions fixes. Les puristes n'aiment pas ...
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, Williamhoustra ecrit ce qui suit en ce 29/11/2010 17:11 :
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
C'est super, mais je ne comprends pas du tout le principe...
Le principe de base est d'avoir des boîtes (des <div>) disposées comme
tu le désires (et qui ne joue pas à l'accordéon quand tu manipules la
taille de fenêtre client du navigateur.
C'est exactement ce que j'ai proposé avec le lien donné.
C'est un poil plus compliqué à
gérer comme emplacement que les tableaux,
Pas du tout, c'est simplement une question de (bonne) habitude. A partir
du moment ou tu utilises un conteneur pour tes boites (une boite-mère,
en somme) tu peux les placer sans problème où tu veux. C'est donc même
plus souple que les tables. Le seul petit problème est que tu dois
partir d'un conteneur en dimensions fixes. Les puristes n'aiment pas ...
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, Williamhoustra ecrit ce qui suit en ce 29/11/2010 17:11 :
Pascale a formulé la demande :
Williamhoustra écrivait
Là c'est sûr : c'est kif-kif avec IE, FF, Opera et Chrome
C'est super, mais je ne comprends pas du tout le principe...
Le principe de base est d'avoir des boîtes (des <div>) disposées comme tu le désires (et qui ne joue pas à l'accordéon quand tu manipules la taille de fenêtre client du navigateur.
C'est exactement ce que j'ai proposé avec le lien donné.
C'est un poil plus compliqué à gérer comme emplacement que les tableaux,
Pas du tout, c'est simplement une question de (bonne) habitude. A partir du moment ou tu utilises un conteneur pour tes boites (une boite-mère, en somme) tu peux les placer sans problème où tu veux. C'est donc même plus souple que les tables. Le seul petit problème est que tu dois partir d'un conteneur en dimensions fixes. Les puristes n'aiment pas ...
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/
Pascale
docanski écrivait news:id0s8l$161o$:
Le seul petit problème est que tu dois partir d'un conteneur en dimensions fixes. Les puristes n'aiment pas ...
C'est bien ce qu'il me semblait et, sans être puriste, j'aime pas (-:
Le seul petit problème est que tu dois partir d'un conteneur en dimensions fixes. Les puristes n'aiment pas ...
C'est bien ce qu'il me semblait et, sans être puriste, j'aime pas (-:
-- Pascale http://www.la-grille-verte.net
Olivier Masson
Le 29/11/2010 13:28, Olivier Miakinen a écrit :
Le 29/11/2010 10:13, Olivier Masson répondait à Benoit :
Tiens, c'est la première fois que j'entends cette expression hors de la bouche de mon père :)
Génial : il est bien ton synthétiseur vocal couplé au logiciel de news ? Est-ce qu'il arrive correctement à ignorer les signes de citation «> » ou bien est-ce que chaque ligne citée est précédée de « supérieur à » ?
Non, ça va, il se débrouille. Juste quelques difficultés avec la lecture des expressions rationnelles, mais j'ai entré tes cours dans son IA et ça fonctionne mieux.
Le 29/11/2010 13:28, Olivier Miakinen a écrit :
Le 29/11/2010 10:13, Olivier Masson répondait à Benoit :
Tiens, c'est la première fois que j'entends cette expression hors de la
bouche de mon père :)
Génial : il est bien ton synthétiseur vocal couplé au logiciel de news ?
Est-ce qu'il arrive correctement à ignorer les signes de citation «> »
ou bien est-ce que chaque ligne citée est précédée de « supérieur à » ?
Non, ça va, il se débrouille. Juste quelques difficultés avec la lecture
des expressions rationnelles, mais j'ai entré tes cours dans son IA et
ça fonctionne mieux.
Le 29/11/2010 10:13, Olivier Masson répondait à Benoit :
Tiens, c'est la première fois que j'entends cette expression hors de la bouche de mon père :)
Génial : il est bien ton synthétiseur vocal couplé au logiciel de news ? Est-ce qu'il arrive correctement à ignorer les signes de citation «> » ou bien est-ce que chaque ligne citée est précédée de « supérieur à » ?
Non, ça va, il se débrouille. Juste quelques difficultés avec la lecture des expressions rationnelles, mais j'ai entré tes cours dans son IA et ça fonctionne mieux.
Williamhoustra
Pascale a écrit :
docanski écrivait news:id0s8l$161o$:
Le seul petit problème est que tu dois partir d'un conteneur en dimensions fixes. Les puristes n'aiment pas ...
C'est bien ce qu'il me semblait et, sans être puriste, j'aime pas (-:
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.
Le seul petit problème est que tu dois
partir d'un conteneur en dimensions fixes. Les puristes n'aiment pas ...
C'est bien ce qu'il me semblait et, sans être puriste, j'aime pas (-:
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.
Le seul petit problème est que tu dois partir d'un conteneur en dimensions fixes. Les puristes n'aiment pas ...
C'est bien ce qu'il me semblait et, sans être puriste, j'aime pas (-:
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.
Pascale
Williamhoustra écrivait news:4cf4f1df$0$18109$:
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.
