Problème style.css pour deux images...

Kenobiwan Messages postés 553 Date d'inscription   Statut Membre Dernière intervention   -  
 gabbermaniac -
Bonjour voila j'ai un probleme avec ma page style.css
Voila en fait avant j'avais un bandeau sur le coté pour les lien
et je souhaite en creer un deuxième en desosus de l'autre

--- = bandeau 1
ESPACE
--- = bandeau 2

Mais ma deuxième image est pas au bon endroit et pire, elle répété sur toute la page !
Je ne maitrise pas bien ce code.^^


Voico mon code :

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #F0F0F0;
}
a.lien_menu_horizontal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #0281FF;
text-decoration: none;
}
a.lien_menu_horizontal:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #0281FF;
text-decoration: underline;
}
a.lien_menu_vertical {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #A8D8F6;
text-decoration: none;
}
a.lien_menu_vertical:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #A8D8F6;
text-decoration: underline;
}
a.lien_menu_vertical2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #A8D8F6;
text-decoration: none;
}
a.lien_menu_vertical2:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #A8D8F6;
text-decoration: underline;
}
.texte_body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
.titre_body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #0281FF;
font-weight: bolder;
}


#page {
position:relative;
margin-left:auto;
margin-right:auto;
width:800px;
height:auto;
z-index:1;
background-image: url(/design/site1_03.gif);
}
#boite_menu { position:absolute; top:150px; left:0px; width:177px; height:250px; z-index:2; }
#lien_menu { position:absolute; top:200px; left:37px; width:auto; height:auto; z-index:3; }
#footer {
z-index: 2;
position: absolute;
left: 30px;
top: 412px;
width: 206px;
height: 55px;
}


#page {
position:relative;
margin-left:auto;
margin-right:auto;
width:800px;
height:auto;
z-index:1;
background-image: url(/design/sitestats.gif);
}
#boite_menu2 { position:absolute; top:150px; left:0px; width:177px; height:500px; z-index:2; }
#lien_menu2 { position:absolute; top:200px; left:37px; width:auto; height:auto; z-index:3; }
#footer {
z-index: 2;
position: absolute;
left: 30px;
top: 412px;
width: 206px;
height: 55px;
}

Voila e espérant que vous pourrez m'aider ! :)
A voir également:

1 réponse

gabbermaniac
 
bonjour,

pour qu'une image ne se repète pas:

background: url(image.jpg) no-repeat;

ensuite pour la position il nous faut un code html
1