Erreur style.css pour deux images...

Kenobiwan Messages postés 553 Date d'inscription   Statut Membre Dernière intervention   -  
Sandriine Messages postés 1255 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, je ne sais pas du tout comment utiliser les pages style.css
Tout est en place et sur le site j'avais une image de fond qui me servait de bandeau de lien (sur le coté avec les lien dessu) mais je souhaite mettre le meme bandeau (pas le meme nom) juste en dessous de l'autre.

En gros il me faut deux barres de lien séparés :

--- = barre 1
ESPACE
--- = barre 2

voici mon code de la page :
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;
}

LA 1ERE IMAGE EST BIEN EN PLACE MAIS LA 2 EST REPETE SUR TOUTE LA PÄGE PLUSIEURS FOIS.


Voila merci à vous ! :)
A voir également:

1 réponse

Sandriine Messages postés 1255 Date d'inscription   Statut Membre Dernière intervention   283
 
Bonjour,

C'est toi qui a fait ce code css ou tu l'a récupéré ?

Normalement un
background-repeat:no-repat;
sur la deuxième image devrait suffire à ce qu'elle ne soit plus répétée.
0