FluxBB.fr

Le site des utilisateurs francophones de FluxBB.

Recherche rapide

Vous n'êtes pas identifié(e).

Version 1.4.13 : [.tar.gz][.zip] (maj 20/10/2014)
Pack langue française pour 1.4.x : [.zip] (maj 06/01/2012)

Branche 1.5.x : fluxbb.org
Pack langue française pour 1.5.x : [.zip] (maj 14/01/2016)

Ancienne Version 1.2.24 fr : [.zip] (maj 26/08/2011)

Vous avez un problème ?
Avant de poser votre question sur les forums d'entraide nous vous invitons à consulter :

#1 16-10-2013 18:57:53

Shynra
Nouveau Membre
Inscription : 16-10-2013
Messages : 4

[Résolu] Centrer le menu

Bonsoir tout le monde,

Etant nouvel utilisateur inscrit, et grand débutant dans le domaine du langage web, je sollicite votre aide.
J'ai installé Fluxbb en version 1.5.4 avec le patch français ainsi que le thème SWTOR créer par Kamea.net que je remercie grandement.

L'adresse de mon forum : http://luminaris.free.fr/index.php (provisoire pour les différents test)

Problème rencontrer : Comment centrer le menu pour qu'il ne soit plus décalé à gauche du forum.

J'ai bien utiliser la recherche mais aucune réponse à ma question.

Merci de bien vouloir m'aider.
@ bientôt

Hors ligne

#2 17-10-2013 15:50:12

david18
Habitué très actif
Lieu : France
Inscription : 28-10-2012
Messages : 467
Site Web

Re : [Résolu] Centrer le menu

Bonjour,

ça concerne  une partie css de votre thème Air.css  cars  il faut agir  dans la partie navigation en ajoutant  cette exemple


 #brdmenu{
    text-align:center;
}

vous pouvez faire des test en ajoutant cette partie css pour voir cars là j'ai pas trop le temps de bien regarder pour le moment . c'est pas grand chose il suffit de bidouiller avec ça wink

cdlt

david18

Dernière modification par david18 (17-10-2013 15:51:48)

Hors ligne

#3 17-10-2013 16:17:52

Otomatic
Régisseur
Lieu : Paris, France
Inscription : 12-12-2005
Messages : 3 575
Site Web

Re : [Résolu] Centrer le menu

Bonjour,

Ça ne marchera pas !
Pour centrer la div contenant les items de menu, il faut, au minimum :

#brdmenu{
margin-left:auto;
margin-right:auto;
}

mais si on ne spécifie pas une largeur, ça ne peut pas fonctionner, donc :

#brdmenu{
margin-left:auto;
margin-right:auto;
width:800px;
}

La valeur est fonction du style utilisé.


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#4 17-10-2013 17:15:23

Shynra
Nouveau Membre
Inscription : 16-10-2013
Messages : 4

Re : [Résolu] Centrer le menu

Bonsoir,
Merci beaucoup pour vos réponse !

Otomatic à vu juste, j'ai mis le code suivant :

#brdmenu {
	background: none repeat scroll 0 0 transparent;
	margin-left:auto;
	margin-right:auto;
	width:610px;
}

Ça fonctionne super bien, encore merci !

Hors ligne

#5 17-10-2013 17:45:28

Shynra
Nouveau Membre
Inscription : 16-10-2013
Messages : 4

Re : [Résolu] Centrer le menu

J'ai parlé trop vite, le menu est bien centrer lorsque je suis connecter sur le forum mais déconnecter, le menu n'est pas centrer.

Voici quelques images pour illustré mes dires :

Quand je suis connecté

qjq6.jpg

Quand je suis déconnecté

eby1.jpg

Est-ce qu'il est possible de centrer le menu en fonction de la connexion ou non au forum ?
Une extension (mod) pour créer un nouveau menu peut-être ?

Je vous remercie,
@ bientôt

Dernière modification par Shynra (17-10-2013 18:40:57)

Hors ligne

#6 18-10-2013 09:23:04

david18
Habitué très actif
Lieu : France
Inscription : 28-10-2012
Messages : 467
Site Web

Re : [Résolu] Centrer le menu

bonjour,


Effectivement la valeur que j'ai mentionné ne marche pas  et qui se rapproche en gros de ce que Oto a mentionné et   j'aurais dû y penser pour une chose assez simple  fait à la va vite  désoler !

Hors ligne

#7 18-10-2013 09:55:23

Otomatic
Régisseur
Lieu : Paris, France
Inscription : 12-12-2005
Messages : 3 575
Site Web

Re : [Résolu] Centrer le menu

Bonjour,

Il est impératif de mettre la largeur - pensez aux calculs que vous faites pour centrer un tableau sur un mur - pour centrer une <div></div>
Si on a une largeur variable, un artifice est de déclarer un alignement de texte centré pour le conteneur de la div et de définir cette div comme élément inline (comme un paragraphe de texte) :

#brdheader {
  text-align:center;
  position:relative;
}

#brdmenu {
  display:inline-block;
  position:relative;
  margin:0 auto;
}

Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#8 18-10-2013 10:11:26

david18
Habitué très actif
Lieu : France
Inscription : 28-10-2012
Messages : 467
Site Web

Re : [Résolu] Centrer le menu

très bien  et merci pour ses conseils  Oto  . Actuellement je suis en train de faire un nouveau thème personnalisée pour mon forum  en utilisant toutes  les variable de fluxbb pour un mini-portail  prévu pour mes membres en  2014


http://fluxbb.fr/aide/doku.php?id=fluxb … ini_portal


j'ai pas mal avancer reste plus que le css pour mon menu très divertissant pour moi


Ma question est a ce niveau mentionné dans l'aide pour ajouter une  colonne de menu voici une capture d'image .


956718Capture.jpg



le souci c'est que  les lien sont coller  sur la gauche et  je voudrait la décaler un peut sur la droite pour le visuelle , j'ai ajouter un background-color:#222 en agissant sur le css de la colonne de menu de l'aide !


/*------------- Partie toucher -------------------*/

#left {
width: 120px;
float: left;
background-color: #222;
}

/* --------------code du menu de la colonne pour info ---------------------------*/

    #left {
        width: 120px;
        float: left;
    }
    #main {
        margin-left: 130px;
    }
    #container {
        width: 100%;
        float: right;
        margin-left: -120px;
    }


il manque quelque chose auriez vous une idée ? merci

Dernière modification par david18 (18-10-2013 10:58:56)

Hors ligne

#9 18-10-2013 15:16:51

Otomatic
Régisseur
Lieu : Paris, France
Inscription : 12-12-2005
Messages : 3 575
Site Web

Re : [Résolu] Centrer le menu

Bonjour,

Mettre un padding-left:1em; dans #left


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#10 18-10-2013 17:21:40

Shynra
Nouveau Membre
Inscription : 16-10-2013
Messages : 4

Re : [Résolu] Centrer le menu

Çà fonctionne très bien, merci beaucoup pour votre aide !
Je passe le sujet en résolu.

Encore merci et désolé pour mon manque de savoir, pas évident tout ses trucs de code quand on ne sait rien ou presque, il va falloir que je révise un peu tout ça, heureusement que google est la smile

Hors ligne

#11 18-10-2013 17:30:17

david18
Habitué très actif
Lieu : France
Inscription : 28-10-2012
Messages : 467
Site Web

Re : [Résolu] Centrer le menu

bonsoir,

impeccable oto  ça marche  en ajoutant  votre   

padding-left:1em;

, mais j'ai du supprimé le

width:120px 

qui me décalais le menu vers le bas , pour finir  y aurait t'il pas une autre valeur afin que je puisse garder le width pour la simple raison suivant la largeur du titre qui maintenant colle au bord ci-joint la capture ecran merci pour ton aide wink

360402Capture.jpg



En fin de compte j'ai rajouté une valeur qui maintenant est beaucoup plus jolie big_smile


#left {
float: left;
background-color: #222;
padding-left: 1em;
padding-right: 1em;/*-----rajout--------*/
}

Avant 360402Capture.jpg


Après 820446Capture.jpg


donc résolu pour moi et merci pour tout .

cdlt

david18

Dernière modification par david18 (18-10-2013 18:08:42)

Hors ligne

#12 18-10-2013 18:38:20

Otomatic
Régisseur
Lieu : Paris, France
Inscription : 12-12-2005
Messages : 3 575
Site Web

Re : [Résolu] Centrer le menu

Bonsoir,

Se souvenir que :
- margin ce sont les marges à l'extérieur de l'item sur lequel on les applique
- padding ce sont des marges à l'intérieur de l'item sur lequel on les applique
et que margin ou padding acceptent quatre valeurs, par exemple margin:10px 5px 8px 12px; qui sont dans l'ordre TRBL (Top Right Bottom Left).
- Si on ne met que deux valeur margin:10px 5px; ce sera TB et RL ; la première valeur pour Top et Bottom et la seconde pour Right et Left
- Si on met une seule valeur margin:10px; ce sera pour les quatre Top Right Bottom Left


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#13 19-10-2013 13:06:01

david18
Habitué très actif
Lieu : France
Inscription : 28-10-2012
Messages : 467
Site Web

Re : [Résolu] Centrer le menu

bonjour,

merci Oto je mets ça de côté merci à toi !

bonne journée

cdlt

Hors ligne

Pied de page des forums