Barre de navigation cachée par image

2 participants

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

Résolu Barre de navigation cachée par image

Message par Lucky Yui Lun 12 Aoû 2013 - 14:30

Bonjour,

J'ai modifié ma barre de navigation qui se trouve maintenant en haut de la page de mon forum et qui y reste quand on descend. C'est exactement ce que je voulais donc tout va bien o/
J'ai ensuite ajouté dans mon entête une image en fondu qui laisse apparaître un texte. Cela marche parfaitement aussi.

Cependant, quand on descend et qu'on passe l'image, elle cache la barre de navigation (que ce soit l'image ou le texte d'ailleurs) et ce n'est pas très beau.
Spoiler:
J'aurais donc voulu savoir s'il y avait une solution pour la compatibilité de ces codes.

Voici le lien du forum : http://testouilles.forumactif.org/
Et les codes concernés :
Codes Barre de navigation:
Codes Image en fondu texte:
Merci d'avance pour votre aide et votre temps.
Bonne journée.
Lucky Yui

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Lucky Yui Mar 13 Aoû 2013 - 14:30

Up~
Lucky Yui

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Aii-Chan~~ Mar 13 Aoû 2013 - 18:33

Bonjour !
Essaye de rajouter un z-index à ta barre de navigation, pour la forcer à être au premier plan
.navigation{
width: 100%;
padding-bottom : 5px;
padding-top: 3px;
height: 18px;
background-color: #6c728c;
z-index: 100;
}
Aii-Chan~~

Aii-Chan~~
***

Féminin
Messages : 109
Inscrit(e) le : 04/10/2011

Aii-Chan~~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Lucky Yui Mar 13 Aoû 2013 - 22:33

Merci, j'ai essayé immédiatement mais ça n'a pas marché :/
Lucky Yui

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Aii-Chan~~ Mar 13 Aoû 2013 - 22:39

Mmmmh, essaye de rajouter la position:absolute à navigation et ainsi que

.fondu {position:relative;margin:0 auto; z-index:90} ?
Aii-Chan~~

Aii-Chan~~
***

Féminin
Messages : 109
Inscrit(e) le : 04/10/2011

Aii-Chan~~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Lucky Yui Mar 13 Aoû 2013 - 22:48

Mais si je mets absolute et pas fixed, ma barre de navigation ne descend plus xD (cette valeur est dans le div de ma template)
Et du coup, ça ne marche pas non plus :/
Lucky Yui

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Aii-Chan~~ Mar 13 Aoû 2013 - 23:03

Oulà, pardon, en effet elle avait déjà une position *se palmface*

Je viens de tester, rajoute ;
.navigation{
width: 100%;
padding-bottom : 5px;
padding-top: 3px;
height: 18px;
background-color: #6c728c;
z-index: 100 !important;
}

Tu peux même changer la valeur en 1000 pour être sûre
Aii-Chan~~

Aii-Chan~~
***

Féminin
Messages : 109
Inscrit(e) le : 04/10/2011

Aii-Chan~~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Lucky Yui Mar 13 Aoû 2013 - 23:18

Pas grave, ça arrive ^^
Han ! J'ai même essayé avec 1000 mais rien a faire, ça veut pas marcher >,<
Lucky Yui

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Aii-Chan~~ Mar 13 Aoû 2013 - 23:27

Whyyyyyyy é__è Tu as bien rajouter le !important après 1000?

Sinon tu remplaces :
Code:
  <div style="align: center; position: fixed; left: 0px; top: 0px; width: 100%;"><center><div class="navigation">{GENERATED_NAV_BAR}</div></center></div>
par :

Code:

  <div class="navig2"><center><div class="navigation">{GENERATED_NAV_BAR}</div></center></div>
Et tu mets dans ton css :

.navig2 {
align: center;
position: fixed;
left: 0px; top: 0px;
width: 100%
z-index: 1000 !important;}

Je crois avoir compris pourquoi ce que j'expliquais fonctionnais pas ><"
Aii-Chan~~

Aii-Chan~~
***

Féminin
Messages : 109
Inscrit(e) le : 04/10/2011

Aii-Chan~~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Lucky Yui Mar 13 Aoû 2013 - 23:32

Oui, je l'avais bien rajouté ! ><

Ah bon, pourquoi ? *intéressée*
Oh yeeeeeeeeeeeeeees ! Ca marche ! :thanks:

Vraiment, merci beaucoup ! o/
Lucky Yui

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Aii-Chan~~ Mar 13 Aoû 2013 - 23:35

De rien ! Heureuse d'avoir pu régler ton problème *^* Le positionnement est toujours chiant ! xD
Parce que je mettais le z-index dans la deuxième balise de navigation, hors il fallait juste la mettre dans la première, là où j'ai mis navig2... J'étais pas sure qu'on pouvait mettre !important directement dans le style en html mais au moins ça sera modifiable via le css maintenant /o/
Aii-Chan~~

Aii-Chan~~
***

Féminin
Messages : 109
Inscrit(e) le : 04/10/2011

Aii-Chan~~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation cachée par image

Message par Lucky Yui Mar 13 Aoû 2013 - 23:40

Oh, je vois. Fichue balise 8D
Voui, encore merci ♥
Lucky Yui

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui 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