Slider qui se superpose au header

Résolu/Fermé

Utilisateur anonyme - 26 août 2019 à 12:41
Utilisateur anonyme - 26 août 2019 à 13:02

Bonjour, après avoir mis mon slider, il se placer au dessus de mon header (qui est en <css>position: fixed;</css>)
voici le code de mon slider, et le code CSS de mon header
slider
<html><style>
.slider {
width: 500px;
overflow: hidden;
/* margin: 200px ;*/
position: relative; top: 300px;
position: relative; left: 85px;
}
.slide {
float: left;
}
.slides {
width: calc(500px * 3);
animation: glisse 30s infinite
}

@keyframes glisse {
0% {
transform: translateX(0);
}

33% {
transform: translateX(-500px);
}

66% {
transform: translateX(-1000px);
}
100% {
transform: translateX(0);
}
}

</style>
<body>
<div class="slider">
<div class="slides">
<a href="photos.html" ><div class="slide"><img src="yes/5.jpg" alt="" /></div></a>
<a href="photos.html" ><div class="slide"><img src="yes/2.jpg" alt="" /></div></a>
<a href="photos.html" ><div class="slide"><img src="yes/4.jpg" alt="" /></div></a>
</div>
</div>></html>

et voici le code de mon header:

<css>header /*bandeau haut*/
{
position: fixed;
left: 0;
top: 0;
width:100%;
height: 111px;
background-color: rgb(47, 164, 231);
}</css>

Les deux fonctionne très bien et le header se positionne au dessus de tout sauf le slider,

A voir également:

Slider header
Wow slider - Télécharger - Présentation
Bad lzo decompression header byte 42 - Forum Linux / Unix
Bad pool header ✓ - Forum Windows 7
Cannot modify header information - headers already sent by ✓ - Forum PHP
Request header or cookie too large ✓ - Forum Réseaux sociaux

1 réponse

Réponse 1 / 1

SioGabx Messages postés 265 Date d'inscription mardi 21 août 2018 Statut Membre Dernière intervention 17 novembre 2022 100
26 août 2019 à 12:58

Salut, beaucoup de bricolage, je peux pas tester ton code mais pour faire passer un élément au dessus d'un autre, la propriété css z-index existe.

Utilisateur anonyme
Modifié le 26 août 2019 à 13:01

merci, donc je suis censé coder
<css>.header
{
z-index: 3;
}</css>

Utilisateur anonyme
26 août 2019 à 13:02

Un grand merci ^^ Cela marche parfaitement et je pourrais reglés les niveaux pour plusieurs trucs, merci vraiment,
Bonne journée

Discussions similaires

debloquer le code 400 bad request qui s'affiche à google

GPT header corruption has been detected please check sata mode setting

Problème de transfert slider qui ne veut plus se charger

Redirection PHP (redirect header)

Insérer logo dans header

Discussions similaires

Newsletters