Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: nonomix le le 02-06-2010 a 15:36:57

Titre: probléme lié a la répétition du corps du site pour mn design
Posté par: nonomix le le 02-06-2010 a 15:36:57

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 ;D

Titre: Re:probléme lié a la répétition du corps du site pour mn design
Posté par: nonomix le le 02-06-2010 a 15:44:36

afin d'anticiper je n'ai pas l'adresse url car le site est encours de création et il n'est pas hébergé, donc je ne peux le mettre en ligne.
Il y a surement une balise css qui correspondrait a mon soucil, sachant que j'ai essayé background-repeat: repeat-x ou y , ou repeat et sa ne marche pas mieux.

Titre: Attente de réponse svp
Posté par: nonomix le le 03-06-2010 a 16:55:30

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

Titre: Re:probléme lié a la répétition du corps du site pour mn design
Posté par: Ether Création le le 04-06-2010 a 09:19:22

Bonjour,

Je veux bien te venir en aide, mais si ton site n'est pas en ligne ca va être difficile...

Cordialement

Arthur


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.