Fond de page CSS

Fermé
Chamicki Messages postés 525 Date d'inscription jeudi 11 juin 2009 Statut Membre Dernière intervention 20 juillet 2012 - 22 juil. 2009 à 14:20
pashmina Messages postés 688 Date d'inscription mercredi 16 mai 2007 Statut Membre Dernière intervention 5 mai 2010 - 22 juil. 2009 à 15:19
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 ?
A voir également:

8 réponses

jeangilles Messages postés 816 Date d'inscription samedi 21 juin 2008 Statut Membre Dernière intervention 17 juillet 2012 185
22 juil. 2009 à 14:25
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 525 Date d'inscription jeudi 11 juin 2009 Statut Membre Dernière intervention 20 juillet 2012 73
22 juil. 2009 à 14:27
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 688 Date d'inscription mercredi 16 mai 2007 Statut Membre Dernière intervention 5 mai 2010 71
22 juil. 2009 à 14:36
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 525 Date d'inscription jeudi 11 juin 2009 Statut Membre Dernière intervention 20 juillet 2012 73
22 juil. 2009 à 14:44
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 688 Date d'inscription mercredi 16 mai 2007 Statut Membre Dernière intervention 5 mai 2010 71
22 juil. 2009 à 14:46
oui
0
Chamicki Messages postés 525 Date d'inscription jeudi 11 juin 2009 Statut Membre Dernière intervention 20 juillet 2012 73
22 juil. 2009 à 14:51
Et le code css des divs ce serai quoi pour qu'elle soit aligner ?
0
Chamicki Messages postés 525 Date d'inscription jeudi 11 juin 2009 Statut Membre Dernière intervention 20 juillet 2012 73
22 juil. 2009 à 15:17
J'ai essayer avec trois image mais sa ne marche pas...
Qu'elle sont les code CSS a mettre ?
0
pashmina Messages postés 688 Date d'inscription mercredi 16 mai 2007 Statut Membre Dernière intervention 5 mai 2010 71
22 juil. 2009 à 15:19
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 525 Date d'inscription jeudi 11 juin 2009 Statut Membre Dernière intervention 20 juillet 2012 73
22 juil. 2009 à 15:19
<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