28173 sujets

CSS et mise en forme, CSS3

J'ai lu d'autres post qui traitaient du sujet mais je n'ai rien comprit.

/* En-Tête. */
.heading {
    background-image: url(images/entete.jpg) repeat-x;
	/*background:#64763a;*/
	border:1px dotted #705300;
	padding:5px 8px;
	font-family:Arial, sans-serif;
	font-size:.7em;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
	}


Voici le code qui pose problème, l'image de fond des entêtes de mes blocs n'apparaît pas, voici le html :

http://ptof.free.fr/web/ESSAIS/trollca/

alors j'ai des blocs flottants je ne sais pas si ca vient de ça!

voivi tout le css :
/* CSS Document */

body {
	margin-top:10px;
    background:#76714b;
	}
img {
	border:0px;
	}
.wrapper {
	width:769px;
	border:1px solid #000000;
	background:#ffffff;
	}
/* Couleur du fond derrière le logo. */
.logobkg {
	background:#705300;
	border-bottom:1px solid black;
	}
/* Style de la barre de navigation. Image de Fond de la navigation. */
.navbar {
	position:relative;
	background:white;
	}
/* Style des Boutons de la barre de navigation. */
.buttons {
	margin:0px 0px 0px -16px;
	padding:0px 15px 0px 16px;
	text-transform:uppercase;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:.6em;
	white-space:nowrap;
	}  
.buttons a {
	float:left;
	border-style:none;
	border-right:1px dotted #705300;
	border-bottom:1px dotted #705300;
	padding:7px 20px;
	text-decoration:none;
	color:#9cf;
	}  
.buttons strong {
	float:left;
	border-style:none;
	border-right:1px solid #000000;
	padding:7px 20px;
	text-decoration:none;
	background:#a5b27d;
	color:#fff;
	}
.buttons a:hover {
	color:#025c02;
	background:#dad2a3;
	border-right:1px dotted #025c02;
	border-bottom:1px dotted #025c02;
	/*border-bottom-width:0;*/
	}
.subnav {
	background:#a5b27d;
	padding:2px;
	}
/* Style des Liens */
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #527c28;
	text-decoration: none;
}a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #adb86c;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #64763a;
	text-decoration: none;
	}
/* Style des différentes colonnes du site. */
.leftcolumn {
	width:550px;
	background:#dad2a3;
	padding:15px 14px 14px 15px;
	float:left;
	}
.rightcolumn {
	width:160px;
	background:#dad2a3;
	padding:15px 14px 14px 15px;
	float:right;
	}
.fullcolumn {
	width:767px;
	background:#dad2a3;
	padding:0px 14px 14px 15px;
	}
/* En-Tête. */
.heading {
    background-image: url(images/entete.jpg) repeat-x;
	/*background:#64763a;*/
	border:1px dotted #705300;
	padding:5px 8px;
	font-family:Arial, sans-serif;
	font-size:.7em;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
	}

/* Carré Beige et Carré Blanc. */
.boxbeige {
	border-right:1px dotted #705300;
	border-bottom:1px dotted #705300;
	border-left:1px dotted #705300;
	background:#eae3b7;
	padding:8px;
	font-family:arial, sans-serif;
	font-size:.7em;
	}
.boxwhite {
	border-right:1px dotted #705300;
	border-bottom:1px dotted #705300;
	border-left:1px dotted #705300;
	background:#eae3b7;
	padding:8px;
	font-family:arial, sans-serif;
	font-size:.7em;
	}
/* Titres, fontes, etc... */
h1 {
	font-family:Arial, sans-serif;
	color:#4c442d;
	font-size:1.2em;
	font-weight:bold;
	}
h4 {
	font-family:Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	}
.smltxt {
	font-family:arial, sans-serif;
	font-size:.6em;
	}
p {
	font-family:arial, sans-serif;
	font-size:.8em;
	font-weight:normal;
	}
/* Style du footer. */
.footer {
	padding:4px 12px;
	margin:0px;
	background:#000000;
	border-top:1px solid #666666;
	font-family:arial, sans-serif;
	font-size:.6em;
	color:#666666;
	clear:both;
	}
.boxhaut {
    border:1px dotted /*#a5b27d;*/ white;
	padding:8px;
	font-family:Verdana, sans-serif;
	font-size:.7em;
	}

Modifié par zechoupie (14 Nov 2006 - 04:50)
Salut,

Ca c'est incorrect :
background-image: url(images/entete.jpg) repeat-x;

...essais plutot :
background-image: url(images/entete.jpg);
background-repeat: repeat-x;

ou bien
background:#64763a url(images/entete.jpg) repeat-x top left;
Salut,

L'affichage de ton image de fond ne se fait pas, car dans l'ordre il faut déclarer la couleur de fond puis l'image. Il te faut donc inverser tes deux lignes de propriété background.