28172 sujets

CSS et mise en forme, CSS3

Fixer le menu qui défile verticalement le site

Bonjour
J'ai crée ce site : http://akibawebzine.com/
Le problème est que lorsque je parcours le site verticalement, le menu principal descend également. Sauf que certains éléments du menu débordent du cadre du menu.
J'aimerais fixer ce menu et ne plus le voir descendre au fur et à menu que je parcours le site.

Quelqu'un pourrait-il m'aider ? Merci de votre aide.
#header.sticky #nav-wrap, #header.sticky.hi-header #nav-wrap { width:100%; border-bottom:1px solid #e9e9e9\9; box-shadow:0 0 3px rgba(0,0,0,0.21); z-index:800000000; background:rgba(255,255,255,0.97); display:block; [b]position:fixed;[/b] height:60px; padding:0; left:0; top:0; -webkit-animation: header-anim .2s ease .027s both; animation: header-anim .2s ease .027s both; transition: background 0.3s ease-in-out 0s; }


tu as une position:fixed, enlève la.
Modifié par JENCAL (21 May 2015 - 09:58)
Bonjour.

Ton menu qui défile, c'est dû à un JS. Si je bloque le JS, il ne défile plus.

Par ailleurs, je ne vois rien de mal à un menu défilant avec la page, à condition de le doter d'un background complet (la deuxième ligne de ton menu perd son background quand le menu descend avec la page). Au contraire, c'est très utilisé.

Je note que le code de ta ta page a des appels à plusieurs fichiers CSS. Dans ce cas, tu peux peut-être utiliser la technique d'import de fichiers de styles dans un autre fichiers de styles, c'est plus facile pour la maintenance car on peut n'avoir qu'un appel à un fichiers CSS dans les pages web.

Voir :

http://babylon-design.com/regle-import-bonne-pratique/
http://romy.tetue.net/bien-ranger-ses-styles-css

Sinon,ta balise <meta name="keywords" content="" /> est inutile, et on dit afro-européen et non afropéen, à moins que ce soit un choix délibéré de ta part.

Bonne continuation.
Svp, pouvez-vous m'indiquer le fichier où vous voyez ce code ? J'ai regardé dans le fichier main-menu.css. J'ai vu un "position:fixed; à la ligne 247". Je l'ai supprimé mais ça ne change rien.

Merci
Sujet clos
Aller à