Discussion :

[garance.tosello]

Bonjour
Encore moi
Désolée encore de vous embêter mais comme d'hab, je bute sur un truc tout bête.
Je voudrais mettre des images sur la même ligne avec un texte en dessous de chaque image et bien sûr je n'y arrive pas.
VOICI MON CODE CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
@charset "UTF-8";
.images {
  text-align: center;
}
.resultat {
  display:inline-block;
  vertical-align: top;
}

VOICI MON CODE HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div class="images">  
  <figure class="resultat"><img src="/<? echo $cartePhoto; ?>" alt="Formule carte double couleur petit format" height="70" border="0" title="Faire-part photo montage" /> <img src="/<? echo $cartePhoto; ?>" alt="Formule carte double couleur grand format" height="90" border="0" title="Faire-part photo montage" />
    <figcaption class="desc">Formule Carte double</figcaption>
    <img src="/<? echo $carteSimple; ?>" alt="Formule carte simple" height="90" border="0" title="Faire-part photo montage" />
    <figcaption class="desc">Formule Carte double</figcaption>
    <img src="/<? echo $carteDouble; ?>" alt="Formule carte double" height="90" border="0" title="Faire-part photo montage" />
    <figcaption class="desc">Formule Carte double</figcaption>
  </figure>
 </div>

J'ai tenté aussi comme ca

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<div class="images">
  <figure class="resultat"><img src="/<? echo $cartePhoto; ?>" alt="Formule carte double couleur petit format" height="70" border="0" title="Faire-part photo montage" /> <img src="/<? echo $cartePhoto; ?>" alt="Formule carte double couleur grand format" height="90" border="0" title="Faire-part photo montage" />
    <figcaption class="desc">Formule Carte simple</figcaption>
  </figure>
  <figure class="resultat"><img src="/<? echo $carteSimple; ?>" alt="Formule carte simple" height="90" border="0" title="Faire-part photo montage" />
    <figcaption class="desc">Formule Carte double</figcaption>
  </figure>
  </div>
  <div class="images">
  <figure class="resultat"><img src="/<? echo $carteDouble; ?>" alt="Formule carte double" height="90" border="0" title="Faire-part photo montage" />
    <figcaption class="desc">Formule Carte simple</figcaption>
  </div>

MAIS CA ME MARCHE PAS NON PLUS
Quelqu'un peut - il m'aider svp ?

http://www.votre-faire-part.com/test...tat.php?id=455
http://www.votre-faire-part.com/test/css/resultat.css

JE VOUS REMERCIE D'AVANCE POUR VOS FUTURS CONSEILS

[garance.tosello]

Bon je suis arrivée à tout metrre sur une ligne sauf que j'ai vachement d'espace entre les images ?

Pouvez-vous me dire comment je peux y remédier ?

http://www.votre-faire-part.com/test/resultat.php?id=698

http://www.votre-faire-part.com/test/css/resultat.css

[miss_socrates]

Le résultat me semble bon. Je n'ai pas vu de grands espaces entre les images.

[garance.tosello]

J'y suis arrivée
Merci
J'ai mentionné "RESOLU" pour ne pas que vous perdiez du temps