le menu a la suite de la banniere

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

Résolu le menu a la suite de la banniere

Message par lolo591 le Lun 30 Juin 2014 - 9:51

Bonjour à tous,

comme mon autre question n'a pas l'air de trouver de solution, je me demande si il n'existerait pas code, un script pour fixer le menu en dessous de la bannière, est ce, quelque soit sa taille Smile 

merci pour votre aide


Dernière édition par lolo591 le Mar 8 Juil 2014 - 18:32, édité 1 fois

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par Kinotto le Lun 30 Juin 2014 - 9:58

Bonjour,

Qu'entendez-vous par "fixer" ?

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Lun 30 Juin 2014 - 18:15

Que le menu se positionne automatique a la suite de la bannière, quelle que soit sa taille !

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par Dr. Sam le Lun 30 Juin 2014 - 18:22

Bonjour,

Votre site qui apparaît sur votre profil il y à déjà le menu en dessous de la bannière.. vous voulez donc que le menu soit fixer pour qu'il monte et descende quand vous montez et descendez la page ?

Car là il faudrait être plus claire et nous donner le lien du forum en question Wink


Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Lun 30 Juin 2014 - 18:33

En fait, ce que je voudrais, c'est que mon menu soit fixé automatiquement en dessous de ma banniere quelque soit la résolution de l'écran.

Sur un PC 15' le menu se trouve quelques mm en dessous de la bannière, sur ma tablette ou le notepad de ma femme, il est plus bas d'environ 2 cm

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par Kinotto le Lun 30 Juin 2014 - 19:07

Essayez peut-être ceci dans la feuille de style :

Code:
span.corners-top{display:none;}

Je ne garantis rien cependant.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Lun 30 Juin 2014 - 19:18

Ç marche pô  Crying or Very sad 

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Mer 2 Juil 2014 - 21:22

up du jour

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Ven 4 Juil 2014 - 21:40

YOUOUOUOUOU

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par demeter1 le Ven 4 Juil 2014 - 22:15

C'est normal que votre barre de navigation ne soit pas collée au header vu que les images ont des contours noirs. Si j'enléve la transparence au bouton intitulé "forum", voila ce que cela donne



Dans votre css vous avez d'ailleurs ceci
Code:
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-repeat: no-repeat;
display: block;
font-size: 1px;
height: 5px;
line-height: 1px;
}

Même si on enlève height: 5px; , cela n'empêchera pas votre image d'avoir un contour noir qui doit s'afficher tout de même.

Hormis revoir vos images et appliquer le css de Nightmare, je ne sais trop ce que vous pouvez faire de plus.

demeter1
+ Hyperactif +

Masculin
Messages : 8227
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: le menu a la suite de la banniere

Message par lolo591 le Sam 5 Juil 2014 - 0:01

Merci demeter1,
mais ce n'est pas le but de ma question, je parle de position en fonction de la taille de bannière, qui s'ajusterait automatiquement en fonction des différentes résolutions  Wink 

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par demeter1 le Sam 5 Juil 2014 - 0:37

C'est pourtant votre question initiale.

@lolo591 a écrit:Bonjour à tous,

comme mon autre question n'a pas l'air de trouver de solution, je me demande si il n'existerait pas code, un script pour fixer le menu en dessous de la bannière, est ce, quelque soit sa taille Smile 

merci pour votre aide

demeter1
+ Hyperactif +

Masculin
Messages : 8227
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: le menu a la suite de la banniere

Message par lolo591 le Sam 5 Juil 2014 - 12:03

je crois que l'on ne comprend pas la meme chose  Very Happy 

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par demeter1 le Sam 5 Juil 2014 - 12:22

Apparemment. A titre perso, j'ai beau tester votre forum sous diverses résolutions, le résultat est identique. Le menu navigation est centré avec cet espace lié au fait que vos images ont des contours.

Si ce sujet fait écho à celui ci http://forum.forumactif.com/t369272-resolution-smartphone-tablette#3124402 ; il faudrait préciser qu'ils 'agit d'un soucis lié à une visualisation sur smartphone.

Si c'est le cas, ce sujet est en doublon.


demeter1
+ Hyperactif +

Masculin
Messages : 8227
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: le menu a la suite de la banniere

Message par Kinotto le Sam 5 Juil 2014 - 12:31

Bonjour,

Normalement ce code dans la feuille de style fonctionne :
Code:
a.mainmenu{
    top:-10px;
    position:relative;
}

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Sam 5 Juil 2014 - 12:45

oui, ça marche sur PC, mais sur tablette et smartphone, j'ai toujours un ecart de 2cm  scratch 

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par Dr. Sam le Dim 6 Juil 2014 - 20:59

Bonjour,

Code:

@media{
a.mainmenu{
    top:-10px;
    position:relative;
}
}

a.mainmenu{
    top:-50px;
    position:relative;
}


Il faudra ajuster la valeur -50px par une valeur qui vous conviendra Wink (sous mobile)

Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Dim 6 Juil 2014 - 21:43

merci, mais non, ça marche pô non plus  Non ! 

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par demeter1 le Dim 6 Juil 2014 - 21:48

Simple proposition qui pourrait régler le soucis : ce tutoriel

Il est prévu pour phpbb2 et punbb mais vu que les balises de la barre de navigation sont les mêmes sur phpbb3, cela vaudrait le coup de tenter.

Il en resterait plus qu'à faire varier le top pour positionner correctement les boutons de navigations.

demeter1
+ Hyperactif +

Masculin
Messages : 8227
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: le menu a la suite de la banniere

Message par Dr. Sam le Dim 6 Juil 2014 - 21:49

En fait, juste pour être sur car j'ai utiliser cette technique pour mon forum et cela fonctionne.

Code:
@media{
a.mainmenu{
    top:-10px;
    position:relative;
}
}

Ce code, @media va faire en sorte que cela va juste modifier sur les ordinateur. Si tu met une autre class identique après. Donc @media pour l'affichage sur ordinateur et ensuite tu recopie ton code en changeant la valeur -50px. Ceci va être pris seulement par le mobile Wink


Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Dim 6 Juil 2014 - 22:54

@Dr. Sam a écrit:En fait, juste pour être sur car j'ai utiliser cette technique pour mon forum et cela fonctionne.

Code:
@media{
a.mainmenu{
    top:-10px;
    position:relative;
}
}

Ce code, @media va faire en sorte que cela va juste modifier sur les ordinateur. Si tu met une autre class identique après. Donc @media pour l'affichage sur ordinateur et ensuite tu recopie ton code en changeant la valeur -50px. Ceci va être pris seulement par le mobile Wink


Cordialement,
Smile
marche pas non plus, merci quand meme Smile

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Dim 6 Juil 2014 - 22:55

@demeter1 a écrit:Simple proposition qui pourrait régler le soucis : ce tutoriel

Il est prévu pour phpbb2 et punbb mais vu que les balises de la barre de navigation sont les mêmes sur phpbb3, cela vaudrait le coup de tenter.

Il en resterait plus qu'à faire varier le top pour positionner correctement les boutons de navigations.
c'est gentil, mais ce n'est pas ce que je souhaite  Very Happy 

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Lun 7 Juil 2014 - 19:10

Hello,
j'ai utilisé ce code

Code:

@media{
a.mainmenu{
    top:-10px;
    position:relative;
}
}
 
a.mainmenu{
    top:-30px;
    position:relative;
}
 
[/quote]
couplé a celui ci
Code:
body {
  background-repeat : no-repeat;
  background-position : top center;
  background-attachment : scroll;
  background-image: http://img4.hostingpics.net/pics/876898Sanstitre156.gif;
  background-size: auto;
}
ça fonctionne sur tablette et smartphone, mais un autre soucis arrive, la banniere est trop grande et il manque un morceau du nom, si je passe a background-size: 100% auto pour l'avoir en entiere, le menu est de nouveau 2cm en dessous  Confused 

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par Dr. Sam le Mar 8 Juil 2014 - 0:22

Met le pas en auto, met le à 100%.

Aussi, tu peux enlever le background-position : top center; Wink


Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: le menu a la suite de la banniere

Message par lolo591 le Mar 8 Juil 2014 - 17:45

Du coup, j'ai du modifier le a.mainmenu a -80px... Mais je ne sais pas ce que ça donne sur PC Smile

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

http://planeteqashqai.com
lolo591 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