[RÉGLÉ] 3 photos côte à côte dans un article

[fredjouan]

Bonjour,
Pour présenter 3 photos côte à côte dans un article, vieux réflexe du XXe siècle, un tableau est créé avec 3 colonnes à 33 % chacune, mais le résultat n'est pas responsive…
Un essai et tenter avec le code suivant (récupéré sur un site explicatif de bootstrap) :

<div class="span3"><img src="images/activites/karting.jpg" width="150" height="120" /></div>
<div class="span7"><img src="images/activites/cinema2.png"  width="150" height="120" /></div>
<div class="span2"><img src="images/activites/xtreme3.jpg" width="150" height="120" /></div>

Les trois photos restent désespérément affichées l'une sur l'autre…
Merci de votre aide
Fred

[ghazal]

Re : 3 photos côte à côte dans un article

Salut,
essaie ceci, à placer dans l'article :

<div class="row">
<div class="span4 img-thumbnail inter"><img src="images/mes_images/image1.png" alt="" /></div>
<div class="span4 img-thumbnail inter"><img src="images/mes_images/image2.jpg" alt="" /></div>
<div class="span4 img-thumbnail inter"><img src="images/mes_images/image3.jpg" alt="" /></div>
</div>

et rajoute ceci à la fin d'une des feuilles CSS, pour le responsive :

@media (max-width: 480px) {

.inter{margin: 10px 0}
}

[fredjouan]

Re : 3 photos côte à côte dans un article

Salut ghazal,
C'est magique quand ça fonctionne. Merci pour tes explications claires qui m'ont permis de comprendre (enfin !) Le fonctionnement des 12 colonnes Twitter et de la répartition que l'on peut en obtenir.
L'instruction CSS a été installée dans la feuille mobile.css et tout semble fonctionner.
Encore merci de ton aide,
Fred

[SimonG]

Re : 3 photos côte à côte dans un article

Bonjour,

si le problème est résolu, merci de passer le post en [Réglé]

http://forum.joomla.fr/announcement.php?f=244

[Lannigh]

Re : 3 photos côte à côte dans un article

@ Ghazal

merci ! en voilà une idée qu'elle est bonne !!! lol

Belle journée à toi ...