Bonjour,
J'ai un soucis avec mon code css, quelqu'un pourrait-il m'aider à savoir si il est bien écrit ??
Voilà mon code, limage du fond est animée mais une couleur blanche partout dans le site clignotte au fond un peu partout :
* {margin: 0; padding: 0;}
body
{
background-image :url(http://chezchrisetcilou.c.h.pic.centerblog.net
/1ckqu21u.gif);
background-repeat : repeat;
color : none;
font-size : 10pt;
font-family : Arial;
text-align : center;
background-attachment : fixed;
}
#cadre
{
background : none;
background-image : url(http://patty64.p.a.pic.centerblog.net/yqzl2ntm.gif);
background-repeat : repeat;
width : 968px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #000000;
position : relative;
background-attachment : fixed;
}
#haut
{
background : #FFFFFF;
background-image : url(http://magiejacynthe.m.a.pic.centerblog.net/3bcxtlyk.gif);
background-repeat : repeat;
height : 70px;
padding-top : 5px;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : none;
font-size : 18pt;
font-family : Comic sans Ms;
}
a
{
color : #000000;
text-decoration : underline;
}
a:hover
{
color : #FFFFFF;
text-decoration : none;
}
#barre
{
width : 768px;
height : 30px;
margin-top : 5px;
}
#barre ul
{
list-style-type : none;
}
#barre li
{
float : left;
}
#barre a
{
background : #000000;
color : #FFFFFF;
text-decoration : none;
width : 100px;
height : 23px;
margin-left : 2px;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
display : block;
}
#barre a:hover
{
background : #000000;
border : 1px solid #000000;
}
#menu
{
width : 170px;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #000000;
width : 170px;
margin-top : -1px;
border-width : 1px;
border-style : solid;
border-color : #000000;
}
#menu ul li a
{
background : #000000;
color : #FFFFFF;
width : 170px;
font-size : 10pt;
font-family : Arial;
line-height : 25px;
}
#menu ul li a:hover
{
background : #FFFFFF;
color : #CC0033;
text-decoration : none;
}
#menu h2
{
background : #000000;
color : #EEF5FA;
width : 170px;
height : 25px;
font-size : 15px;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
}
#contenu
{
background : #000000;
color : #FFFFFF;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 16pt;
font-family : Verdana;
}
#contenu h3
{
background : #000000;
color : #FFFFFF;
width : 457px;
height : 25px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a
{
background : #FFFFFF;
color : #003366;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
#contenu a:hover
{
background : #FFFFFF;
color : #000000;
text-decoration : none;
}
#bas
{
background : #FFFFFF;
margin : auto;
}
#spacer
{
height : 20px;
clear : both;
}
hr { margin:5px; height:1px; background-color:#FFFFFF;}
fieldset { border:0; }
* html
#menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}
MERCI
