J'ai lu d'autres post qui traitaient du sujet mais je n'ai rien comprit.
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 :
Modifié par zechoupie (14 Nov 2006 - 04:50)
/* 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)