Css html lien
Résolu
congela
Messages postés
23
Statut
Membre
-
lupuz Messages postés 71 Statut Membre -
lupuz Messages postés 71 Statut Membre -
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... -
-
il n'est pas sur internet mais je peux t'envoyer les codes si tu veux?
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
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;
}
