le menu a la suite de la banniere

3 participants

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

lolo591
****

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

lolo591 a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité Lun 30 Juin 2014 - 9:58

Bonjour,

Qu'entendez-vous par "fixer" ?

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

Message par lolo591 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

lolo591
****

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

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

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

lolo591
****

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

lolo591 a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité 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.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

Message par lolo591 Lun 30 Juin 2014 - 19:18

Ç marche pô  Crying or Very sad 
lolo591

lolo591
****

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

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 Mer 2 Juil 2014 - 21:22

up du jour
lolo591

lolo591
****

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

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 Ven 4 Juil 2014 - 21:40

YOUOUOUOUOU
lolo591

lolo591
****

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

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

le menu a la suite de la banniere Sans_t46

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

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

Message par lolo591 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

lolo591
****

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

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

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

Message par lolo591 Sam 5 Juil 2014 - 12:03

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

lolo591
****

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

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 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 https://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

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

Message par Invité Sam 5 Juil 2014 - 12:31

Bonjour,

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

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

Message par lolo591 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

lolo591
****

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

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

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 Dim 6 Juil 2014 - 21:43

merci, mais non, ça marche pô non plus  :no 
lolo591

lolo591
****

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

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

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

Message par Dr. Sam 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

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

lolo591
****

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

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

lolo591
****

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

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

lolo591
****

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

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

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

lolo591
****

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

lolo591 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