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...!
A voir également:
- Css html lien
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Editeur html - Télécharger - HTML
- Lien copié - Forum Mobile
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;
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...
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...
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
sinon j'ai mis les codes des 2 pages en question au début de la discussion
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;
}
#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;
}
