Fonction hover qui ne fonctionne pas

Antho068
Les bases HTML/CSS

Bonjour,
Etant novice dans la discipline du codage, je me lance dans une petite aventure de création d'un site web.
Je pense que le problème que j'évoque est vraiment quelque chose de basique mais ca me coince dans l'avancement de ma formation et celle de mon site.
Le problème que je rencontre est le suivant: la fonction :hover pour créer un menu de navigation dans le logiciel de codage (Sublimetexte) que j'utilise ne fonctionne pas.

Je vous mets ci-dessous le code CSS que j'ai effectué:

Merci d'avance pour l'attention que vous porté à mon poste !

Ce que je fais

Dans l'idée je souhaite que la liste apparaisse et se color quand la souris passe dessus.

ul li a { text-decoration: none;
color: white;
display: block;
 }

ul li a:hover{color:white;}

ul li ul li {display: none; }
ul li:hover ul li {display: block;}

head{background-color: #87E990;}
body{background: img/Noir transparent.png}

div.nav {padding-left: px;
}
Entourez votre code pour bien le mettre en forme

Ce que je veux

Décrivez ici ce que vous cherchez à obtenir

Ce que j'obtiens

Décrivez ici vos erreurs ou ce que vous obtenez à la place de ce que vous attendez :(

1 réponse

Lartak

Bonjour.
Il y a une répétition dans ton code css totalement inutile, soit :

ul li a {
    text-decoration: none;
    color: white;
    display: block;
 }
ul li a:hover{
    color:white;
}

Pourquoi définir la propriété color avec la valeur white sur le hover, alors qu'à la base c'est déjà la même valeur ?
Ensuite concernant la ligne de code suivante :

/** Faux **/
body{background: img/Noir transparent.png}
/** Correct **/
body{background: url(img/Noir transparent.png)}

Tu devaris quand même éviter les noms de fichiers avec des espaces.
Pour terminer, ta structure HTML change tout d'un coup, tu passes d'un ul li a à ul li ul li.
Il faudrait quand même un minimum de concordance dans ta structure HTML.
Pour que nous puissions t'aider, il faudrait déjà que tu décrives plus ton problème car premièrement tu utilises 2 fois la pseudo class :hover, deuxièmement le logiciel que tu utilises pour coder n'a aucun rapport avec le fait que ça ne fonctionne pas et troisièmement tu pourrais nous dire ce qui ne fonctionne pas exactement.