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:
Les CSS s'y rapportant que j'ai trouvé:
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>
template.csssysteme.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; }joomla.css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 .contentpaneopen fieldset{ padding: 5px; margin-bottom: 10px; }
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.
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; }
Vous avez une idée?
Partager