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 -
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 ! :)
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:
- Erreur style.css pour deux images...
- Deux ecran pc - Guide
- Comment faire deux colonnes sur word - Guide
- Nombre de jours entre deux dates excel - Guide
- Des images - Guide
- Deux whatsapp sur un téléphone - Guide