28173 sujets

CSS et mise en forme, CSS3

Bonjour =)

J'ai créé une galerie d'images sauf que quand on veut afficher une image (reduite par un script php), elle n'est reduite uniquement si elle depasse en largeur ou en hauteur donc s'il n'y a pas besoin, elle ne change pas mais ce que je voudrais c'est qu'elle soit alignée dans la page, sur la plupart des sites ou je suis allé, il est dit qu'il faut preciser la largeur pour que le centrage soit possible en CSS mais je ne peux pas prevoir la taille de l'image Smiley decu
Comment est ce que je pourrais l'aligner ?

J'ai fait ca mais ca ne marche pas Smiley decu

img.img_galerie {
padding-left:4px;
padding-right:4px;
padding-top:5px;
padding-bottom:5px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
border-top:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
}


si quelqu'un sait comment faire... Smiley confused
Salut,
pour que les margin:auto soient efficaces, il faudrait ajouter
display: block;
à ce bloc de déclaration.
Sinon, sans le display:block et les margin:auto, tu peux simplement recourir à text-align:center sur l'élément parent, non ?
avec un petit script, peut-être...
<script type="text/javascript">
var dimx;
var diml;
function majwidth() {
dimx = document.images[x].style.width;
diml = (screen.availWidth/2)-(dimx/2);
}
document.write("<style type='text/css'>");
document.write("img.img_galerie {padding-left:4px;padding-right:4px;padding-top:5px;");
document.write("padding-bottom:5px;margin-top:50px;");
document.write("margin-left:"+diml+";margin-right:auto;");
document.write("border-top:1px solid black;border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid black;}");
document.write("</style>");


Essaie voir ça