Discussion :

[chillansky]

C'est peut-être con, mais je n'arrive pas à faire centrer mes images commes je veux et pourtant j'ai chercer...

Code :

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

1
2
3
4
5
6
7
. . .
<div class="parchemin">
		<div class="centre">
				<h2>BIENVENUE</h2>
				<img src="img/image/grimoire.png" alt="Grimoire" />
			<p>
. . .

avec comme CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
. . .
img {
	border: none;
}
 
.parchemin {
	background :url("../img/parch/parch_f.png")  ;
	background-repeat: repeat;
	width : 694px;
	margin-left:260px;
}
 
.centre {
 
	width : 600px;
	padding-top:30px;
	padding-left:60px;
	padding-bottom:30px;
}
 
.centre img {
	text-align: center;
}
. . .

L'image n'est pas centrée, elle est collée sur la gauche.
J'aimerais éviter devoir mettre un truc du genre:

Code :

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

<div style="text-align: center;"><img src="img/image/grimoire.png" alt="Grimoire" /></div>

partout dans mes pages.

[Candygirl]

Si tu n'as qu'une image sur ta ligne, tu peux la centrer ainsi:

Code :

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

1
2
img {display:block;
     margin:auto;}

[chillansky]

non il y en a plusieurs. Mais je ne veux centrer que celle se trouvant dans la balise "centre" sans devoir rajouter du code inutile pour chaque image.
Comme ça je mets simplement un <img ../> et hop, l'image est correctement placée.

[Candygirl]

Tu ne peux pas attribuer un text-align:center à une image. Par contre tu peux l'appliquer au conteneur et rétablir l'alignement à gauche pour les enfants, par exemple:

Code :

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

1
2
.centre {text-align:center;}
.centre * {text-align:left;}

[alexp]

une methode qui vaut ce qu'elle vaut mais fonctionnelle :

Code :

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

<div class="centrage"><img src="images/harmonie.jpg" alt="remise de médaille" /></div>

et dans la feuille de style css :

Code :

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

.centrage {text-align: center; }

[chillansky]

Yop, pour tout dire la solution de Candygirl m'a parfaitement convenue (car mon texte principal étant entre balise <p>, le texte se remettait normalement)

Merci à tous/toutes pour votre aide !