[Résolu] Centrer le menu

Shynra · 16-10-2013 19:57:53

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

david18 · 17-10-2013 16:50:12

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 16:51:48)

Otomatic · 17-10-2013 17:17:52

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

Shynra · 17-10-2013 18:15:23

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 !

Shynra · 17-10-2013 18:45:28

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é

Quand je suis déconnecté

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 19:40:57)

david18 · 18-10-2013 10:23:04

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 !

Otomatic · 18-10-2013 10:55:23

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

david18 · 18-10-2013 11:11:26

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 .

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 11:58:56)

Otomatic · 18-10-2013 16:16:51

Bonjour,

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

Shynra · 18-10-2013 18:21:40

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

david18 · 18-10-2013 18:30:17

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

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

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

Avant

Après

donc résolu pour moi et merci pour tout .

cdlt

david18

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

Otomatic · 18-10-2013 19:38:20

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

david18 · 19-10-2013 14:06:01

bonjour,

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

bonne journée

cdlt

FluxBB.fr

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

[Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

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

Re : [Résolu] Centrer le menu

Pied de page des forums