Feuille de style
Bonjour,
Savez-vous pourquoi ma feuille de style ne s'applique pas à mes liens ?
body {
background-image: url("file:///T:/Entite/Archives/Travail%20Individuel/Stagiaires/En%20cours/LAGARDE%20christelle%202004/essai/expo/fond_image.jpg")
}
table {
border: 0;
border-collapse: collapse;
font-family: verdana,sans-serif;
}
.bg {
background-color: #F59263;
}
dt, dl, dd, ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu dl {
float: left;
width: 14%;
font-family: verdana,sans-serif;
font-size: 10px
}
.menu a {
margin: 0 2px;
height: 5%;
display: block;
text-align: center;
font-weight: bold;
border: 0;
text-decoration: none;
color: 000;
}
.menu a:hover {
color: 000;
border: 0;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
display: none;
width: 100%;
font-family: arial,fantaisy;
font-size: 9px;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 {
font-weight: normal;
border-top: 0 none;
a:link {
color: #FF0000;
text-decoration: none;
}
a:hover {
color: FF0000;
text-decoration: none;
}
a:active {
color: FF0000;
text-decoration: none;
}
Savez-vous pourquoi ma feuille de style ne s'applique pas à mes liens ?
body {
background-image: url("file:///T:/Entite/Archives/Travail%20Individuel/Stagiaires/En%20cours/LAGARDE%20christelle%202004/essai/expo/fond_image.jpg")
}
table {
border: 0;
border-collapse: collapse;
font-family: verdana,sans-serif;
}
.bg {
background-color: #F59263;
}
dt, dl, dd, ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu dl {
float: left;
width: 14%;
font-family: verdana,sans-serif;
font-size: 10px
}
.menu a {
margin: 0 2px;
height: 5%;
display: block;
text-align: center;
font-weight: bold;
border: 0;
text-decoration: none;
color: 000;
}
.menu a:hover {
color: 000;
border: 0;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
display: none;
width: 100%;
font-family: arial,fantaisy;
font-size: 9px;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 {
font-weight: normal;
border-top: 0 none;
a:link {
color: #FF0000;
text-decoration: none;
}
a:hover {
color: FF0000;
text-decoration: none;
}
a:active {
color: FF0000;
text-decoration: none;
}
4 réponses
-
ContributeurSalut,
J'ai bien l'impression qu'il te manque a
a: {
color:#.....;
text-decoration:.....;
}
@+ -
Contributeururl("file:///T:/Entite/Archives/Travail%20Individuel/Stagiaires/En%20cours/LAGARDE%20christelle%202004/essai/expo/fond_image.jpg")
C'est ce lien de ouf ? Ô_o
Adresse relative ou absolue ça te dit qqch ?
~°sidarus°~ -
Je crois que le problème vient du menu car lorsque je change la couleur de mes liens dans la feuille de style, cela s'applique au menu.
est-ce que quelqu'un sait pourquoi ? -
Remplace :
a:link { color: #FF0000; text-decoration: none; } a:hover { color: #FF0000; text-decoration: none; } a:active { color: #FF0000; text-decoration: none; }
Par :
a:link, a:hover, a:active { color: #FF0000; text-decoration: none; }
PS: tiens-tu vraiment que tes liens soit en #FF0000 (red) qq soit l'état ?
Sinon base toi sur ça (j'ai pas fais dans le détail) :
<head> <style type="text/css"> <!-- /* lien <a class="menu"> */ a.menu {color: #CCCCCC} a:hover.menu {color: #000000} a:active.menu {color: #AAAAAA} /* lien <a> */ a {color: #FF0000} a:hover {color: #00FF00} a:active {color: #0000FF} --> </style> </head> <body> <a href="">RVB</a> <a class="menu" href="">Noir/Blanc</a> </body>
~°sidarus°~
