Erreur style.css pour deux images...

Fermé
Kenobiwan Messages postés 553 Date d'inscription vendredi 25 novembre 2005 Statut Membre Dernière intervention 29 septembre 2017 - 18 mars 2010 à 12:15
Sandriine Messages postés 1255 Date d'inscription samedi 9 décembre 2006 Statut Membre Dernière intervention 18 août 2010 - 18 mars 2010 à 16:48
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 samedi 9 décembre 2006 Statut Membre Dernière intervention 18 août 2010 283
18 mars 2010 à 16:48
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