Hey all.

Je suis assez mauvais en html et pourtant je dois m'occuper du site de mon groupe parceque le webmaster est bénévole et en examens

Voila le problème sur ce screenshot, je voudrai centrer le texte parceque la c'est vraiment moche ...

http://maphack.free.fr/pci/frogs.comnous.jpg

voila le code, y a t il une ame charitable pour m'aider ?

<div class="position">
<div class="preview"><a href="#" onClick="window.open('./imgs/Marc.jpg','Marc','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=399, height=600, left=50%, top=100%');return(false)"><img src="imgs/MarcS.jpg" width="122" height="300" border="none"></a><br><br>
<span id="espace">Marc Adda</span><br><span id="espace">Chant</span><br>
</div>
<div class="preview"><a href="#" onClick="window.open('./imgs/Rafael.jpg','Rafael','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=399, height=600, left=50%, top=100%');return(false)"><img src="imgs/RafaelS.jpg" width="122" height="300" border="none"></a><br><br>
<span id="espace">Rafaël Ridao</span><br><span id="espace">Guitare</span><br>
</div>
<div class="preview"><a href="#" onClick="window.open('./imgs/Kevin.jpg','Kevin','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=399, height=600, left=50%, top=100%');return(false)"><img src="imgs/KevinS.jpg" width="122" height="300" border="none"></a><br><br>
<span id="espace">Kevin de Lorgeril</span><br><span id="espace">Batterie</span><br>
</div>
<div class="preview"><a href="#" onClick="window.open('./imgs/Julien.jpg','Julien','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=399, height=600, left=50%, top=100%');return(false)"><img src="imgs/JulienS.jpg" width="122" height="300" border="none"></a><br><br>
<span id="espace">Julien Dequeker</span><br><span id="espace">Basse</span><br>
</div>
<div class="prevLast"><a href="#" onClick="window.open('./imgs/Pierre.jpg','Pierre','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=399, height=600, left=50%, top=100%');return(false)"><img src="imgs/PierreS.jpg" width="122" height="300" border="none"></a><br><br>
<span id="espace">Pierre Adda</span><br><span id="espace">Guitare</span><br>
<br>
</div>
</div>

Puis ben le CSS:

/* ## rubrique Nous */
.preview {width:122px;height:360px;float:left;margin-right:21px;display:block;border:solid;border-color:#000000;border-width:1.5px;background:#fdf2cf;}
.prevLast {width:122px;float:left;border:solid;border-color:#000000;border-width:1.5px;display:block;background:#fdf2cf;}
.position {position:relative;border:#660033;width:714px;display: table;	padding:0;margin-left:23px;}
.espace {padding-left:10px;}
/* fin Nous ## */

Modifié le 12 janvier 200718 a par ZinZin

Un simple ajout de "text-align : center" sur .preview devrait suffir à première vue.

Par contre les retours à la ligne dans le css ce serait pas du luxe

PS : j'ai édité ton post car la capture dépasse la taille limite authorisée.

Merci Quarky