Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages :: 1
#1 07-12-2015 12:06:36
- Etanm
- Membre
- Inscription : 07-12-2015
- Messages : 1
Ajouter une autre ligne à mon tableau css ?
Bonjour,
J'aimerais ajouter une légende sous mes images (dans mes tableaux ci-dessous).
J'ai du mal à gérer les tailles de tableaux en css.
Comment pourrai-je ajouter 3 lignes sous les 3 colonnes (afin d'y ajouter une légende/description) ?
Voici une représentation de ce je voudrais : http://s15.postimg.org/tjn9w79mz/representation.jpg
- Mon fichier html =
<div class="tableau">
<p>
<span class="a1"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a2"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a3"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a4"><img alt="" height="150" src="img/01.jpg" width="100"></span>
</p>
<p>
<span class="a1"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a2"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a3"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a4"><img alt="" height="150" src="img/01.jpg" width="100"></span>
</p>
<p>
<span class="a1"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a2"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a3"><img alt="" height="150" src="img/01.jpg" width="100"></span>
<span class="a4"><img alt="" height="150" src="img/01.jpg" width="100"></span>
</p>
</div>
- Mon fichier css.css =
margin: 20px;
padding-top:20px;
padding-bottom:20px;
padding-right:100px
padding-left:100px;
text-align :center;
}
.tableau p {
margin: 20px;
padding-top:20px;
padding-bottom:20px;
padding-right:100px
padding-left:100px;
text-align :center;
}
Merci d'avance pour votre aide 
.
A
Hors ligne
#2 21-07-2016 16:26:21
- ju-st1
- Membre
- Inscription : 04-07-2016
- Messages : 6
Re : Ajouter une autre ligne à mon tableau css ?
Je ne comprends pas trop ce que tu veux dire mais déjà tu devrais utiliser des <div class="row"> au lieu des <p> il me semble. ça pourrait peut-être t'aider à solutionner ton problème (qui j'espère est résolu depuis le temps !)
Hors ligne
Pages :: 1