Sujet Précédent Sujet Suivant

Css html lien

Résolu/Fermé
congela Messages postés 23 Date d'inscription samedi 2 juillet 2011 Statut Membre Dernière intervention 11 août 2011 - 11 août 2011 à 14:49
lupuz Messages postés 68 Date d'inscription mercredi 10 août 2011 Statut Membre Dernière intervention 12 août 2011 - 11 août 2011 à 16:33
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: 
<!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

Réponse 1 / 8
lupuz Messages postés 68 Date d'inscription mercredi 10 août 2011 Statut Membre Dernière intervention 12 août 2011 11
11 août 2011 à 14:52
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;
0
Réponse 2 / 8
congela Messages postés 23 Date d'inscription samedi 2 juillet 2011 Statut Membre Dernière intervention 11 août 2011
11 août 2011 à 16:06
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...
0
Réponse 3 / 8
lupuz Messages postés 68 Date d'inscription mercredi 10 août 2011 Statut Membre Dernière intervention 12 août 2011 11
11 août 2011 à 16:09
Tu as un lien pour voir cette page sur un site internet ?
0
Réponse 4 / 8
congela Messages postés 23 Date d'inscription samedi 2 juillet 2011 Statut Membre Dernière intervention 11 août 2011
11 août 2011 à 16:10
il n'est pas sur internet mais je peux t'envoyer les codes si tu veux?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
lupuz Messages postés 68 Date d'inscription mercredi 10 août 2011 Statut Membre Dernière intervention 12 août 2011 11
11 août 2011 à 16:12
oui envoi
0
Réponse 6 / 8
congela Messages postés 23 Date d'inscription samedi 2 juillet 2011 Statut Membre Dernière intervention 11 août 2011
11 août 2011 à 16:20
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
0
lupuz Messages postés 68 Date d'inscription mercredi 10 août 2011 Statut Membre Dernière intervention 12 août 2011 11
11 août 2011 à 16:24
je t'ai envoyé mon mail par MP
0
Réponse 7 / 8
congela Messages postés 23 Date d'inscription samedi 2 juillet 2011 Statut Membre Dernière intervention 11 août 2011
11 août 2011 à 16:25
je les ai envoyé sur ton adresse gmail via ton blog!
merci d'avance
0
Réponse 8 / 8
lupuz Messages postés 68 Date d'inscription mercredi 10 août 2011 Statut Membre Dernière intervention 12 août 2011 11
11 août 2011 à 16:33
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;
}
0

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"
sidojaice -
JIP -

24 réponses
lien copié
alaurore -
LEFEUVRE -

7 réponses
Rajout de lien sur plusieurs pages
leparradiss -
David -

11 réponses
Comment retrouver des lien copier sur sont téléphone
SAMA -
Lylou -

2 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse