28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite que le contenu de ma balise header reste visible en haut de la page meme en cas de scroll.

Mon header contient une image et une barre de menu, quand j'utilise



header {
	position : fixed;
	top:0;
}


mon menu se superpose avec l'image...
Modifié par hiroox (03 Apr 2014 - 11:20)
Bonjour,

Comment sont positionnés cette image et ce menu dans ce header ?
Une page d'exemple en ligne peut-être ?

Au besoin, le lien qui va bien, concocté par l'ami Florent (voire également les liens associés Smiley cligne )
Bonjour,

Problème fix, via du jquery/ajax, l'image scroll, la barre de menu reste en haut de page,


<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'>

$(function(){
            $(window).scroll(function () {  
              if ($(this).scrollTop() > 200) { 
                $('nav').addClass("fixNavigation"); 
              } 
              else {
                 $('nav').removeClass("fixNavigation");
              }
            });
          });



[
.fixNavigation{
 z-index: 9999;
 position: fixed;
 top: 0;
 width: 100%; 
 height: 5%;
 margin:auto; 
 }

Modifié par hiroox (03 Apr 2014 - 11:21)