Header qui passe sur la barre de navigation

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Header qui passe sur la barre de navigation

Message par Tatsuki Mer 24 Déc 2014 - 20:16

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://matryoshka.forumactif.org/

Description du problème

Bonjour à tous,

J'essaye actuellement de mettre la barre de navigation au dessus du header, jusque là, aucun soucis, tout marche correctement, j'ai l'habitude de le faire.

Mais cette fois, je n'arrive pas à régler un petit soucis. J'ai des bases en codage mais vu que je m'y remet à peine, j'ai des trous de mémoires.

Mon problème est donc le suivant : mon header et les titres des catégories passent par dessus la barre de navigation.

J'aimerais garder la barre de navigation avec la balise "fixed" si possible. Voici le css de la barre :

Code:
/********NAVIGATION EN HAUT********/


.navig {
position: fixed;
background-color: #CC3D3D;
border-bottom: 2px solid #00283F;
width:100%;
}


a.mainmenu {
margin: 10px;
font-family: arial;
color: green;
font-size: 20px;
font-variant: small-caps;
    font-weight:bold;
  text-shadow: #FBF5E9 1px 1px 0px;}

Merci d'avance, bonnes fêtes à tous.


Dernière édition par Tatsuki le Mer 24 Déc 2014 - 21:05, édité 1 fois
Tatsuki

Tatsuki
*

Féminin
Messages : 38
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par demeter1 Mer 24 Déc 2014 - 20:31

c'est justement la position fixed de a.navig qui est responsable de ce soucis.

Si vous modifiez comme ceci, cela résout le pb

Code:
.navig {
background-color: #CC3D3D;
border-bottom: 2px solid #00283F;
width:100%;
}
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par Tatsuki Mer 24 Déc 2014 - 20:33

Bonjour,

merci beaucoup, mais le soucis est que je dois rendre ce code pour un forum et qu'il m'a été demandé une barre de navigation fixe.

N'y a t-il aucun moyen d'arranger cela en gardant la position fixed ?
Tatsuki

Tatsuki
*

Féminin
Messages : 38
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par demeter1 Mer 24 Déc 2014 - 20:38

Vous avez utilisé l'astuce pour mettre la barre de navigation en haut du forum donc logiquement ill faut quelle suive le corps du forum lors du scroll. Vouliez vous faire autre chose?
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par Tatsuki Mer 24 Déc 2014 - 20:41

Il s'agit de la seule modification qui m'a été demandé sur la barre de navigation, je me souviens que j’utilisai les barres de navigation fixes sur d'anciens forums donc ça doit toujours être réalisable, non ?

Es-ce simplement le css en lui même qui n'est pas bon ? Ou simplement n'est-ce plus possible ?
Tatsuki

Tatsuki
*

Féminin
Messages : 38
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par demeter1 Mer 24 Déc 2014 - 20:45

Vous ne répondez pas à ma question donc techniquement, il m'est difficile de vous répondre.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par Tatsuki Mer 24 Déc 2014 - 20:48

Oh pardon, excusez moi. J'ai mal compris votre question.
Je ne comprends pas trop ce que vous voulez dire par "autre chose".

Dans tous les cas, merci pour votre aide qui m'est précieuse.
Tatsuki

Tatsuki
*

Féminin
Messages : 38
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par demeter1 Mer 24 Déc 2014 - 20:55

par autre chose, j'entends : est-ce que la barre de navigation doit être toujours présente lors du scroll? Pour faire bref, le corps du forum doit-il coulisser en dessous de la barre de navigation ??
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par Tatsuki Mer 24 Déc 2014 - 20:57

Effectivement, je n'avais absolument pas compris cela dans ce sens, excusez-moi.

Oui exactement, si c'est possible bien évidemment.
Tatsuki

Tatsuki
*

Féminin
Messages : 38
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par demeter1 Mer 24 Déc 2014 - 21:01

Alors, vous conservez la position fixed sur a.navig et vous rajoutez :
Code:
z-index: 2002;

cela va faire passer la barre de navigation au dessus du corps du forum et, ce dernier coulissera sous celle-ci.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par Tatsuki Mer 24 Déc 2014 - 21:05

Génial, merci infiniment pour votre aide.

C'est donc résolu, merci encore, bonnes fêtes.
Tatsuki

Tatsuki
*

Féminin
Messages : 38
Inscrit(e) le : 04/01/2011

http://mastersnekos.forumactif.org/
Tatsuki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header qui passe sur la barre de navigation

Message par demeter1 Mer 24 Déc 2014 - 21:06

De rien. Bonne fêtes à vous également.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum