Photos dans un article

[Pook]

Re : Photos dans un article

Le site n'est pas encore en ligne donc je peux pas trop te montrer de lien. Mais ce que je voulais dire c'est que sans utiliser la galerie d'image, simplement en insérant mes images dans un article, j'arrive presque au résultat que je veux, avec pour seul problème que mes images s'affichent les unes en dessous des autres. Cela forme une seule colonne verticale de 10 images sur la gauche de la page. Or, je voudrais qu'elles soient disposées en 3 lignes et 3 colonnes (une première ligne avec trois images les unes à côté des autres, une deuxième identique, etc...). Y a pas un moyen tout simple d'obtenir ça ?

[Sable]

Re : Photos dans un article

Et bien, j'imagine 2 solutions:
- tu redimensionnes chaque image de manière à ce qu'elles s'affichent comme tu le souhaites (manifestement elles sont trop larges pour s'afficher cote à cote)
- tu appliques la solution proposée précédemment: la création d'un tableau (mais tu devras certainement redimensionner quand même tes images...

[Pook]

Re : Photos dans un article

J'ai pas l'impression que ce soit un problème de dimension, y a largement assez de place pour faire tenir trois images sur la même ligne

[Sable]

Re : Photos dans un article

Alors, si tu utilises l'éditeur TinyMCE, en mode édition de ton article, bascule l'éditeur (vis le bouton "Basculer l'éditeur" situé en bas et à droite de ta zone texte) et, pour obtenir ce que tu souhaites, cela devrait ressembler à quelque chose comme ça:

<p><img src="lien-vers-image-1" border="0" alt="" /> <img src="lien-vers-image-2" border="0" alt="" /> <img src="lien-vers-image-3" border="0" alt="" /></p>
<p><img src="lien-vers-image-4" border="0" alt="" /> <img src="lien-vers-image-5" border="0" alt="" /> <img src="lien-vers-image-6" border="0" alt="" /></p>
<p><img src="lien-vers-image-7" border="0" alt="" /> <img src="lien-vers-image-8" border="0" alt="" /> <img src="lien-vers-image-9" border="0" alt="" /></p>

[Pook]

Re : Photos dans un article

Perso ça me met ça :

<p class="system-pagebreak"><img class="caption" src="images/sampledata/parks/animals/seb.jpg" border="0" title="Sébastien Schulz, président" align="left" /></p>
<p> </p>
<p><img class="caption" src="images/sampledata/parks/animals/laura.jpg" border="0" title="Laura cHavanon, vice-présidente" /><img class="caption" src="images/sampledata/parks/animals/antoine.jpg" border="0" title="Antoine Vayson de Pradenne, trésorier" /></p>
<p> </p>
<p> </p>

[Sable]

Re : Photos dans un article

Donc, c'est normal que tes images apparaissent l'une sous l'autre:

<p> </p>

sont les balises de début et fin de ligne...
Adopte la syntaxe que je t'ai donnée en remplaçant ce que tu viens de nous donner par

<p><img src="images/sampledata/parks/animals/seb.jpg" border="0" alt="" /> <img src="images/sampledata/parks/animals/laura.jpg" border="0" alt="" /> <img src="images/sampledata/parks/animals/antoine.jpg" border="0" alt="" /></p>

Cela devrait te convenir

[Pook]

Re : Photos dans un article

génial !! merci !

[Pook]

Re : Photos dans un article

Hargh mais je comprends pas pourquoi chaque fois que j'essaie de mettre un sous titre les images se remettent en colonne...doit pas y avoir assez de place pour le sous titre

[Sable]

Re : Photos dans un article

Hargh mais je comprends pas pourquoi chaque fois que j'essaie de mettre un sous titre les images se remettent en colonne...doit pas y avoir assez de place pour le sous titre

Bizarre...

Et est-ce que cela affiche ce que tu souhaites avec ce code?

<p><img src="images/sampledata/parks/animals/seb.jpg" border="0" alt="" title="Sébastien Schulz, président" /> <img src="images/sampledata/parks/animals/laura.jpg" border="0" alt="" title="Laura Chavanon, vice-présidente" /> <img src="images/sampledata/parks/animals/antoine.jpg" border="0" alt="" title="Antoine Vayson de Pradenne, trésorier" /></p>

[PATSXM971]

Re : Photos dans un article

sujet déplacé forum Joomla! 1.6/1.7 Questions générales ---> Gestion des articles

[Pook]

Re : Photos dans un article

C'est bon les gars, j'ai réussi ; Merci pour votre aide !!