Fond de page CSS

Chamicki Messages postés 552 Statut Membre -  
pashmina Messages postés 710 Statut Membre -
Bonjour à tous,

pour ma page je voudrais utiliser un image de fond séparer en plusieurs partie et j'ignore comment faire.
Dans ma page j'aurai une div en-tete avec ma baniere une div avec menu a gauche et une div centrale. C'est sur elle que je veut mettre un fond.

Voici ce que je souhaite

--------------|______|-----------------
mon texte de longueur variable

--------------|''''''''''''''|-----------------

avec des cages en haut et en bas représentant un terrain de foot.

Comment puis-je faire cela ?

8 réponses

jeangilles Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   186
 
si j'ai bien compris, tu veux afficher ce que tu as représenté pas des '-' sur toute la largeur de ton div ?

si oui, il faut utiliser la propriété repeat-x : http://www.aidenet.com/css/css08c.htm
0
Chamicki Messages postés 552 Statut Membre 73
 
Pas vraiment en faite je voudrais une div avec un cadre et des cage de foot au centre en haut et en bas.
Comme pour représenter un terrain de foot.
Avec a l'intérieur le contenu de mon site...

Ai-je été plus clair ?
0
pashmina Messages postés 710 Statut Membre 71
 
Salut!
Tu sépares ta div centrale en 3 div, div haut où il y aura ta cage, div centre où il y aura le terrain avec le contenu et div bas avec ton autre cage
0
Chamicki Messages postés 552 Statut Membre 73
 
Et je met mon texte seulement dans ma div centrale ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
pashmina Messages postés 710 Statut Membre 71
 
oui
0
Chamicki Messages postés 552 Statut Membre 73
 
Et le code css des divs ce serai quoi pour qu'elle soit aligner ?
0
Chamicki Messages postés 552 Statut Membre 73
 
J'ai essayer avec trois image mais sa ne marche pas...
Qu'elle sont les code CSS a mettre ?
0
pashmina Messages postés 710 Statut Membre 71
 
Ben pour tes 3 div ta mis une classe différente donc sur chaque classe tu leur met un background avec l'image correspondante, pour celle du haut et du bas tu peux mettre un height mais pas au milieu et pour les 3 met un width
0
Chamicki Messages postés 552 Statut Membre 73
 
<div id="corps1"></div>
			<div id="corps2">
				<h1>Résumés des matchs de Séniors</h1>              
			   <h2>Sériors</h2>    
			   <ul>
					<li>Séniors 1 :</li>
					<li>Séniors 2 :</li>
					<li>Séniors 3 :</li>
				</ul>
				<h2>Vétérans</h2>    
				<ul>
					<li>Vétérans :</li>
				</ul>	
				<FORM method="POST" action="[votre fichier PHP pour l'upload.php]" ENCTYPE="multipart/form-data">
				<INPUT type=hidden name=MAX_FILE_SIZE  VALUE=2048>
				<INPUT type=file name="nom_du_fichier">
				<INPUT type=submit value="Envoyer">
				</FORM>
			</div>
			<div id="corps3"></div>


CSS :
#corps1
{
   margin-left: 140px;
   margin-right: 140px;
   background: url("Terrain_haut.jpg") no-repeat;
}

#corps2
{
   margin-left: 140px;
   margin-right: 140px;
   margin-bottom: 10px;
   padding: 40px;
   background: url("Terrain_milieu.jpg") repeat-y;
      
   color: #FFFFFF;
   font-family: Calibri, Tahoma, "Times New Roman", Times, serif;
}

#corps3
{
   margin-left: 140px;
   margin-right: 140px;
      background: url("Terrain_bas.jpg") no-repeat;
}

0