image non affichée dans le menu
Bonjour,
voici mon menu :
Code:
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:
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/