Menu ok avec IE pas avec FF
Publié : 08 oct. 2008, 20:07
Décidément c'est ma journée:
Voilà mes codes, les couleurs des liens fonctionnent avec IE pas avec FF?
Html:
CSS:
Merci.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Voilà mes codes, les couleurs des liens fonctionnent avec IE pas avec FF?
Html:
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>Notre histoire</title><link
media="all" rel="stylesheet" href="monstyle.css"
type="text/css"><link rel="icon" type="image/png"
href="violicon.png"></head>
<body><div id="page"><div id="nef"><img
src="elements/violoniste.gif" class="violoniste"
alt="violoniste"></div><ul id="menu"><li><a
href="histoire.html">Notre
histoire</a></li>
<li><a href="#">item n°2</a></li>
<li><a href="#">item n°3</a></li>
<li><a href="#">item n°4</a></li>
<li><a href="#">item n°5</a></li>
</ul></div><br></body></html>
Code : Tout sélectionner
/* Generated by KompoZer */
body {
background-image: url(elements/fonbody.jpg);
background-attachment: fixed;
background-position: left top;
}
#page {
margin-right: auto;
background-repeat: repeat-y;
background-position: center center;
height: 760px;
text-align: left;
margin-left: auto;
width: 987px;
background-image: url(elements/fondpage.gif);
}
#nef {
background-repeat: no-repeat;
background-position: center top;
text-align: left;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
width: 940px;
height: 212px;
background-image: url(elements/nef.png);
}
.violoniste {
margin-top: 70px;
margin-right: 150px;
width: 103px;
height: 126px;
float: right;
}
#menu {
width: 168px;
height: 38px;
float: right;
margin-top: 90px;
margin-right: 90px;
list-style-type: none;
}
#menu li {
margin-bottom: 1px;
font-weight: bold;
width: 190px;
height: 38px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(elements/bouton1.gif);
font-size: 14pt;
line-height: 38px;
text-align: center;
list-style-type: none;
font-family: Times New Roman;
}
#menu a {
display: block;
width: 170px;
text-indent: 40px;
text-decoration: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
font-weight: inherit;
color: #993399;
}
#menu a:hover {
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
color: #33cc00;
font-weight: inherit;
}
#menu a:active {
color: #00cccc;
font-weight: inherit;
}
#menu a:visited {
color: #3366ff;
font-weight: inherit;
}
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3