Css html lien
Résolu
Bonjour,
merci de vous intéresser à mon problème...je suis totalement perdue....
je n'arrive pas à coordonner correctement ma page css avec html, l'image ne fonctionne pas pourtant l'adresse url est exacte!
voici ma page html:
ma page css (prise sur internet!) est :
merci d'avance...je suis totalement bloquée...!
merci de vous intéresser à mon problème...je suis totalement perdue....
je n'arrive pas à coordonner correctement ma page css avec html, l'image ne fonctionne pas pourtant l'adresse url est exacte!
voici ma page html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <LINK rel="stylesheet" type="text/css" href="styleverti.css"> </head> <body> <div id="menu2"> <h1>sommaire</h1> <UL> <LI><A HREF="ajouter.php" target=materiel> ajouter materiel </A> <br/> <LI><A HREF="materiel_commun.php" target=materiel> materiel commun </A> ..... </div> </body> </html>
ma page css (prise sur internet!) est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
/* -------[Menu 2]-------- */
#menu2 {
width: 200px;
border-style: solid solid none solid;
border-color: #677D92;
border-size: 1px;
border-width: 1px;
margin: 10px;
}
#menu2 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu2 li a:link, #menu2 li a:visited {
color: #fff;
display: block;
background-image : url(C:\wamp\www\02_07_2011\menu2.jpeg);
padding: 8px 0 0 10px;
}
#menu2 li a:hover {
color: #283A50;
background-image : url(C:\wamp\www\02_07_2011\menu2.jpeg) 0 -32px;
padding: 8px 0 0 10px;
}
#menu2 li a:active {
color: #283A50;
background-image : url(C:\wamp\www\02_07_2011\menu2.jpeg) 0 -64px;
padding: 8px 0 0 10px;
}
merci d'avance...je suis totalement bloquée...!
8 réponses
-
Bonjour,
Tes :
background-image : url(C:\wamp\www\02_07_2011\menu2.jpeg) 0 -64px;
sont étrange (surtout si tu héberge ton site sur un serveur linux)
essayes de les remplacer par le chemin relatif
par exemple :
background-image : url(02_07_2011/menu2.jpeg) 0 -64px; -
tout d'abord merci de me répondre!
mais l'image n'apparait toujours pas.
le problème doit vraiment venir de cette image puisque tout fonctionne sinon.
j'ai essayé aussi avec juste background ou en changeant le format de l'image mais toujours rien... -
Tu as un lien pour voir cette page sur un site internet ?
-
il n'est pas sur internet mais je peux t'envoyer les codes si tu veux?
-
oui envoi
-
je peux te les envoyer sur ta boite mail si tu veux me donner ton adresse.
sinon j'ai mis les codes des 2 pages en question au début de la discussion -
je les ai envoyé sur ton adresse gmail via ton blog!
merci d'avance -
Voila ton css corrigé :
#menu2 li a:link, #menu2 li a:visited {
color: #fff;
display: block;
background : url(menu2.jpeg);
padding: 8px 0 0 10px;
}
#menu2 li a:hover {
color: #283A50;
background : url(menu2.jpeg) 0 -32px;
padding: 8px 0 0 10px;
}
#menu2 li a:active {
color: #283A50;
background : url(menu2.jpeg) 0 -64px;
padding: 8px 0 0 10px;
}
