Se connecter / S'enregistrer

Résolu Ajouter une autre ligne à mon tableau css ?

Solutions (2)
Tags :
  • 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 =

  1. <link href="css.css" rel="stylesheet">
  2.  
  3. <div class="tableau">
  4.  
  5. <p>
  6. <span class="a1"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  7. <span class="a2"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  8. <span class="a3"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  9. <span class="a4"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  10. </p>
  11.  
  12. <p>
  13. <span class="a1"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  14. <span class="a2"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  15. <span class="a3"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  16. <span class="a4"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  17. </p>
  18.  
  19. <p>
  20. <span class="a1"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  21. <span class="a2"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  22. <span class="a3"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  23. <span class="a4"><img alt="" height="150" src="img/01.jpg" width="100"></span>
  24. </p>
  25.  
  26. </div>


- Mon fichier css.css =

  1. .tableau span {
  2. margin: 20px;
  3. padding-top:20px;
  4. padding-bottom:20px;
  5. padding-right:100px
  6. padding-left:100px;
  7. text-align :center;
  8. }
  9.  
  10. .tableau p {
  11. margin: 20px;
  12. padding-top:20px;
  13. padding-bottom:20px;
  14. padding-right:100px
  15. padding-left:100px;
  16. text-align :center;
  17. }
  1.  


Merci d'avance pour votre aide :) .

A
Contenus similaires
Meilleure solution
partage
, Vieux c*n psychorigide |
Salut,

Pourquoi ne pas utiliser un vrai tableau html ? (c'est juste prévu pour)

Sinon, avec ton code existant ajouter une ligne correspond à ajouter "<p>"
Pour créer des colones tu peux faire pareil en ajoutant plusieurs div que tu pourras ajuster en css : </p> ou un <p><div></div><div></div><div></div>.....</p>
  • Dreamcaster a sélectionné cette solution comme la meilleure réponse
  • Commenter cette solution |
Score
0
òh
òi
, Programmation (collector) |
salut,
comme le dit archieldufont, pourquoi ne pas utilisé un vraie tableau httml ?

si non oui un empilage de div avec des bordure ...
tu peut aussi jouer avec la balise <hr/> qui permet de faire une ligne horizontal ...
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS