Header qui passe sur la barre de navigation

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 le 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
*

Féminin
Messages : 31
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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*

Féminin
Messages : 31
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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*

Féminin
Messages : 31
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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*

Féminin
Messages : 31
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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*

Féminin
Messages : 31
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 le 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
+ Hyperactif +

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

http://altitudetropicale.forums-actifs.com/index.forum
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 le 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
*

Féminin
Messages : 31
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 le Mer 24 Déc 2014 - 21:06

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

demeter1
+ Hyperactif +

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

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

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


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