Bonjour,

Je découvre Joomla et je m'essaie à faire un site


Mais je n'arrive pas à centrer les images en largeur.

L'image est placée dans le tableau suivant:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<table class="contentpaneopen">
<tbody><tr>
<td valign="top">
<div style="text-align: center;">
<div class="img_caption null" style="width: 381px;">
<img border="0" title="Et mon coeur saigna..." alt="Et mon coeur saigna..." src="/images/stories/galerie/et%20mon%20coeur%20saigne.jpg" class="caption"/><p>Et mon coeur saigna...</p></div></div>
</td>
</tr>
</tbody></table>
Les CSS s'y rapportant que j'ai trouvé:
template.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
/* contents */
#content-outer {
	float: left;
	width: 700px;
	margin: 0; padding: 0;
	background: #eadacb url(../images/content.jpg) repeat-y;
 
}
#content-wrap {
	float: left;
	width: 700px;
	background: url(../images/content-top.jpg) no-repeat;
	padding: 35px 0;	
 
}
 
.content {
	float:left;
	width:650px;
	margin-left: 25px;	
	display: inline;
}
systeme.css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
.contentpaneopen fieldset{
	padding: 5px;
	margin-bottom: 10px;
}
joomla.css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }
J'ai d'abord centré les images à l'aide de l'éditeur en back-end mais je pense qu'il doit être annulé par une CSS.

Vous avez une idée?