Bonjour à tous,

Je vous serais d'une extrême reconnaissance a celui ou celle qui me sera utile pour mon problème concernant
l'affichage du corps de mon site :

Voila je suis en pleine création d'un site de jeux gratuit, j'ai appris par l'intermédiaire du site du zéro et j'ai
un soucil concernant le design de mon site, en effet j'ai réalisé élément par élément mon design ( header, menu sous flash, un autre menu sous jquery et java, le footer et l'header et le corps sous photoshop )

J'ai donc dessiner une barre horizontale sous photoshop de 939px (( pour une espèce de découpe html ))et l'idée
est de la faire répéter l'une a la suite de l'autre pour dessiner une zone ou il y aura le contenu de mon site,
donc si vous avez compris j'ai découpé un peu le corps pour alléger le poids afin de ne pas dessiner un rectangle
qui concernerait le corps.

Le soucil c'est que ma ligne se répéte bien, mais elle est espacé de 4cm au moins une 15 zaine de fois, je n'arrive
pas faire coller les lignes a la suite des autres pour dessiner ce fameux corps
voici le code html de la page index.php qui concerne le corps :



<div id="menu">
<p class="cta-button"><a href="index.php" >grattage</a></p>
<p class="cta-button2"><a href="concours.php">concours</a></p>
<p class="cta-button3"><a href="tombola.php">tombola</a></p>
<p class="cta-button4"><a href="classement.php">classement</a></p>
<p class="cta-button5"><a href="gagnant.php">gagnant</a></p>
<p class="cta-button6"><a href="contact.php">contact</a></p>
</div>
<div class="milieu"> <!-- ICI DEMARRE LE DESIGN DU CORPS DU SITE CE FAMEUX RECTANGLE VERT QUI DEVRAIT DE REPETER AU FUR ET A MESURE DU CONTENU -->

<div id="contenu-haut"><img src="images/contenu-haut.png" alt="bandeau-haut"/> <!-- la tête du corps arrondi au extrémité pour dessiner le rectangle, donc découpé -->
<div class="contenu-barre"><img src="images/contenu-barre.png" alt="barre-deco"/> <!-- ici la fameuse barre verte de 939px de long qui devrait se répéter en dessous de la tête -->


<div class="bouge-2"><object type="application/x-shockwave-flash" data="images/menu-vertical.swf" width="400" height="650">
<param name="wmode" value="transparent"><param name="movie" value="images/menu-vertical.swf" /></object></div>


</div>



voici le code css correspondant au .class et id :

body
{margin:auto;padding:0px; width:95%;background-image:url("fond.jpg");background-repeat:repeat-x;}

#header
{text-align:center;top:200px;margin:20px;}
.bouge
{padding::25px;top:-320px;text-align:center;position:relative;}
.bouge-2
{margin-left:-750px;padding::5px;top:-60px;text-align:center;position:relative;}
#menu
{top:-380px;position:relative;left:40px;}
#contenu-haut
{top:-250px;width:100%; height:41px; position:relative;text-align:center;}
.contenu-barre
{margin-left:auto; margin-right:auto;display:table;width:939px;height:41px;text-align:center;background-image:url(../images/contenu-barre.png);}

.milieu{display:table;float:left;margin-left:7px;margin-top:5px;}


#corps
{position:relative;top:-820px;text-align:center;}
#barre
{top:-290px;position:relative;}


Je vous en ai mis plus que ce qu'il fallait, merci de me venir en aide je vous en supplie
merci à vous


nonomix

Bonjour à nouveau,

J'ai cru comprendre que nous étions sur un forum pour webmaster, et ben je ne veux
pas être de mauvaise foi mais je n'ai eu aucune réponse de quelqu'un de compétent et passionné !

Merci encore, il doit pas y avoir beaucoup de membres sur ce site ou alors
tout le monde s'en fou.

Arnaud