Bonjour la Communauté,
Je cherche a centrer dans ma page plusieurs div (5 exactement) de meme dimension qui contienne une mini-affiche.
Voiçi mon code html :
Et voiçi ma css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <div id="actu1"><a href="doctele/promo_batt.pdf" target="_blank"><img src="../../images/site/Promobatt.jpg" /></a></div> <div id="actu1"><a href="doctele/promo_chabas_11-08.pdf" target="_blank"><img src="../../images/site/promo_chabas_11-08.jpg" /></a></div> <div id="actu1"><a href="doctele/promo_corteco.pdf" target="_blank"><img src="../../images/site/promo_corteco.jpg" /></a></div> <div id="actu1"><a href="doctele/promo_fini_11-12-2008.pdf" target="_blank"><img src="../../images/site/promo_fini_11-12-20081.jpg" /></a></div> <div id="actu1"><a href="doctele/promo_kd_11-2008.pdf" target="_blank"><img src="../../images/site/promo_kd_11-2008.jpg" /></a></div>
Sur "la première ligne", j'ai 3 affiches et sur la "deuxième ligne" j'ai deux affiches.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 #actu1{border: 5px; border-color: #FF33FF; border-style: ridge; padding:0px; margin-top: 5px; margin-right:5px; margin-left:5px; float: left; width:200px; height:auto;}
J'ai essayé la balise <center>, mais cela ne fonctionne pas si je mets un float left, alors que si je mets un float none cela marche bien mais j'ai mes affiches les unes sous les autres et cela me donne une page bien trop long et moche.
Avez-vous quelques idées ??? Merci
Partager