Si ce sont des images de largeur variable, l'alignement risque de merder, dans ce cas là tu peux sans doute insérer </td></tr><tr><td> à la fin de chaque ligne d'images (entre img3 et img4 dans ton exemple).
Si ce sont des images de largeur variable, l'alignement risque de
merder, dans ce cas là tu peux sans doute insérer </td></tr><tr><td> à
la fin de chaque ligne d'images (entre img3 et img4 dans ton exemple).
Si ce sont des images de largeur variable, l'alignement risque de merder, dans ce cas là tu peux sans doute insérer </td></tr><tr><td> à la fin de chaque ligne d'images (entre img3 et img4 dans ton exemple).
<div id="main"> <div class="img_bloc"> <img src="image1><br /> legende de l'image </div> <div class="img_bloc"> <img src="image2><br /> legende de l'image </div> <div class="img_bloc"> <img src="image3><br /> legende de l'image </div> </div>
et la css: #main { text-align: center; margin: auto; padding:auto; } .img_bloc { padding: 1em; margin: auto; }
Il y aura surement des ajustements à faire (p-e jouer avec du float) mais ça devrait s'en approcher.
-- Réseau IRC Francophone: http://www.crazy-irc.net Communauté Francophone sur les Eggdrops: http://www.eggdrop.fr
Olivier Masson
CrazyCat a écrit :
P-e en faisant:
<div id="main"> <div class="img_bloc"> <img src="image1><br /> legende de l'image </div> <div class="img_bloc"> <img src="image2><br /> legende de l'image </div> <div class="img_bloc"> <img src="image3><br /> legende de l'image </div> </div>
et la css: #main { text-align: center; margin: auto; padding:auto; } .img_bloc { padding: 1em; margin: auto; }
Il y aura surement des ajustements à faire (p-e jouer avec du float) mais ça devrait s'en approcher.
Oula :) C'est le padding: auto qui fait tout ;) Non, on ne peut centrer des photos dans un container centré. Pour cela, il faut utiliser une table ou table-cell (ce qui revient au même). Il est souvent difficile de centrer sans utiliser de table si l'on ne connait pas la largeur de l'élément.
CrazyCat a écrit :
P-e en faisant:
<div id="main">
<div class="img_bloc">
<img src="image1><br />
legende de l'image
</div>
<div class="img_bloc">
<img src="image2><br />
legende de l'image
</div>
<div class="img_bloc">
<img src="image3><br />
legende de l'image
</div>
</div>
et la css:
#main {
text-align: center;
margin: auto;
padding:auto;
}
.img_bloc {
padding: 1em;
margin: auto;
}
Il y aura surement des ajustements à faire (p-e jouer avec du float)
mais ça devrait s'en approcher.
Oula :) C'est le padding: auto qui fait tout ;)
Non, on ne peut centrer des photos dans un container centré.
Pour cela, il faut utiliser une table ou table-cell (ce qui revient au
même).
Il est souvent difficile de centrer sans utiliser de table si l'on ne
connait pas la largeur de l'élément.
<div id="main"> <div class="img_bloc"> <img src="image1><br /> legende de l'image </div> <div class="img_bloc"> <img src="image2><br /> legende de l'image </div> <div class="img_bloc"> <img src="image3><br /> legende de l'image </div> </div>
et la css: #main { text-align: center; margin: auto; padding:auto; } .img_bloc { padding: 1em; margin: auto; }
Il y aura surement des ajustements à faire (p-e jouer avec du float) mais ça devrait s'en approcher.
Oula :) C'est le padding: auto qui fait tout ;) Non, on ne peut centrer des photos dans un container centré. Pour cela, il faut utiliser une table ou table-cell (ce qui revient au même). Il est souvent difficile de centrer sans utiliser de table si l'on ne connait pas la largeur de l'élément.
loiseauthierry
Olivier Masson wrote:
Oula :) C'est le padding: auto qui fait tout ;) Non, on ne peut centrer des photos dans un container centré. Pour cela, il faut utiliser une table ou table-cell (ce qui revient au même). Il est souvent difficile de centrer sans utiliser de table si l'on ne connait pas la largeur de l'élément.
C'est ce que je craignais, l'usage des table
Merci pour l'info du reste,
Thierry -- 4 Calculs & Astronomie en Javascript : <http://astrophoto.free.fr> 3 " Il y a 10 sortes de personnes sur Terre : ceux qui connais- 2 sent le système binaire et ceux qui ne le connaissent pas " 1....'....12.....'....24.....'....36.....'....48.....'....60.....'....72
Olivier Masson <sisemen@laposte.net> wrote:
Oula :) C'est le padding: auto qui fait tout ;)
Non, on ne peut centrer des photos dans un container centré.
Pour cela, il faut utiliser une table ou table-cell (ce qui revient au
même).
Il est souvent difficile de centrer sans utiliser de table si l'on ne
connait pas la largeur de l'élément.
C'est ce que je craignais, l'usage des table
Merci pour l'info du reste,
Thierry
--
4 Calculs & Astronomie en Javascript : <http://astrophoto.free.fr>
3 " Il y a 10 sortes de personnes sur Terre : ceux qui connais-
2 sent le système binaire et ceux qui ne le connaissent pas "
1....'....12.....'....24.....'....36.....'....48.....'....60.....'....72
Oula :) C'est le padding: auto qui fait tout ;) Non, on ne peut centrer des photos dans un container centré. Pour cela, il faut utiliser une table ou table-cell (ce qui revient au même). Il est souvent difficile de centrer sans utiliser de table si l'on ne connait pas la largeur de l'élément.
C'est ce que je craignais, l'usage des table
Merci pour l'info du reste,
Thierry -- 4 Calculs & Astronomie en Javascript : <http://astrophoto.free.fr> 3 " Il y a 10 sortes de personnes sur Terre : ceux qui connais- 2 sent le système binaire et ceux qui ne le connaissent pas " 1....'....12.....'....24.....'....36.....'....48.....'....60.....'....72
