Bonjour,
voici mon menu :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <div class="divNav"> <nav class="container"> <div><ul> <li><a href="/">Accueil</a></li> <li><a href="/tarifs">Tarifs</a></li> <li><a href="/services">Services</a></li> <li><a href="/les-nids-et-les-insectes">Les nids et les insectes</a></li> <li><a href="/conseils">Conseils</a></li> <li><div><a class="btn" href="/nous-contacter" role="button"><img src="/assets/images/contact.png" width="20" alt=""/> Nous contacter</a></div></li> </ul></div> </nav> </div>
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47 .divNav { background-color: #998F85; position: sticky; top: 0; } .divNav nav ul { padding: 0; display: flex; justify-content: center; align-items: center; } .divNav nav li { list-style: none; padding: 1.5rem 2rem; } .divNav nav a { text-decoration: none; color: #fff; font-size: 2rem; font-weight: normal; padding: 0.8rem 1rem; } .divNav nav a:hover { text-decoration: underline; text-underline-offset: 5px; } .container { max-width: 1200px; margin: 0 auto; } .btn{ padding: 0.7em 1em; background-color: #786551; border: none; border-radius: 20px; color: white; cursor: pointer; box-shadow: 1px 1px 5px #000; width:80%;} .btn:hover { background-color : darkgray;} .btn:focus { border : 3px dotted green; } .btn:active { color : #d4860c; }
L'image n'est pas affichée. Pourtant, elle existe bien : https://pasdpanique.fr/assets/images/contact.png
Quelle peut être la raison ?
Voici la page d'accueil du site : https://pasdpanique.fr/
Partager