Jump to content

[resolu]Problème centrage de texte


ZinZin

Recommended Posts

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 :zarb:

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 ? :pleure:

<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 ## */

:ouioui:

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...