Discussion :

[sebac]

Bonjour j'ai une image que je veux centrer dans mon div mais j'ai essayé tous ce que j'ai pu trouver dans les tuto, notamment

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

text-align:center;

mais rien n'y fais. Voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div style="width:800px;height:800px;position:absolute;left:100px;text-align:center; background-color:black;" id='IdTexIm' onMouseMove="getMouseXY(event); tryDrawLine();">
 
<img style='position:absolute;width=400px;height:400px; z-index=1;'src='dicom.php?quality=100?varStatic=0' id='image' onselectstart="javascript:return false;" ondrag="return false;" ondragstart="return false;" oncontextmenu="return false;" >
</div>

Merci

[Epica84]

Bonjour vous avez essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div align="middle" .....> ???

Cordialement

[sebac]

Oui mais ça ne marche pas

[jaduta]

Salut,

essaye ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div align="center">
    <img src="nom_image.jpg">
</div>

@+

[sebac]

mon image n'est toujours pas centrée mais plutôt mise à gauche de mon div

[Bovino]

Bonjour j'ai une image que je veux centrer dans mon div mais j'ai essayer tous ce que j'ai pu trouver dans les tuto

http://css.developpez.com/faq/?page=...orizontalement

[jaduta]

Essaye ceci

code xhtml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div class="image_centre">
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
.image_centre
{
  width: 300px; /* pour l'exemple - largeur de ton image */
  height: 200px; /* hauteur de ton image */
  position: absolute; /* pour centrer un <div>, il faut qu'elle soit en position absolute */
  left: 50%; /* pour que l'image soit au milieu de la page */
  margin-left: -150px; /* mais il faut retirer la moitié de la largeur */
  background-image: url("nom_image.jpg");
}

[RomainVALERI]

attention aux propriétés obsolètes : "align" est à éviter (voir spec) ^^

[warwill]

Je vais peut-être avoir l'air d'un idiot mais pour le div un width 100% et pour l'image un margin-left:auto et margin-right:auto...????
J’ai toujours fait comme ça et dans l'ensemble ça marche...

[sebac]

warwill ta solution ne me convient pas à cause du div width 100% qui prendrait toutes la place sur ma page. Sinon la solution de jaduta me centre l'image par rapport au body et non au div à cause du left: 50%; il suffit que je mette mon div à gauche pour voir que l'image n'est pas centré par rapport à div mais plutôt à l'écran

[warwill]

et bien tu mets pas width 100% pour le div mais la dimension qu'il te convient...
mais les margin auto doivent centré l'image par rapport à son conteneur quel que soit sa position et sa largeur...