[Réglé] alignement boutons personnalisés navbar

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] alignement boutons personnalisés navbar

Messagepar Mazeltof » 02 Juil 2010 à 17:48

bonjour a tous

sur une base prosilver, que je modifie en local, j'ai applique cette modif
aussi, j'ai personnalisé mes boutons en largeur, ce qui me cause un soucis d'affichage.

la largeur est, originellement, de 95px pour tous les boutons, dans cette partie de code en fin de comons.css :

Code: Tout sélectionner
    /*Navigation
    --------------------- */

    #menu {
       width: 100%;
       margin: 0;
       text-align: center;
       padding-top: 5px;
    }

    #menu a {
       display: inline-block;
       width: 95px;
       height: 20px;
       margin: 0 1px;
    }

    #menu a span {
       display: none;
       text-indent: -5000px;
    }

    /*fin navigation
    --------------------- */


mes boutons font : 101px, 44px, 76px, 110px, 37px, et 126px,
j'ai bien tester de mettre 100% au lieu de 95px, mais les boutons s'empilent verticalement a l'affichage :(

j'aimerai pouvoir informer sur la largeur de chaque bouton, comment faire ?
Merci d'avance de votre aide :wink:
Modifié en dernier par Steph le 23 Mar 2014 à 10:04, modifié 2 fois.
Raison: Mise à jour lien
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2784
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: alignement boutons personnalisés navbar

Messagepar micka76 » 04 Juil 2010 à 12:40

Bonjour,

J'ai pas tester, mais essayez d'enlevé l'attribut width: de l'id #menu a

A bientôt... :wink:
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 12:14
Localisation: Bah entre toi et ta f.... !!!

Re: alignement boutons personnalisés navbar

Messagepar Mazeltof » 05 Juil 2010 à 12:14

Salut Micka76

j'ai essayer ta proposition, et les boutons ne s'affichent plus du tout.
merci quand meme :wink:

si quelqu'un a une autre idee, voir une solution ... elle sera la bienvenue :D

bonne journee
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2784
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: alignement boutons personnalisés navbar

Messagepar micka76 » 05 Juil 2010 à 21:09

Bonjour,

Je m'en doutait un peu, si j'ai 5min je vois ce que je peut faire

A bientôt... :wink:
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 12:14
Localisation: Bah entre toi et ta f.... !!!

Re: alignement boutons personnalisés navbar

Messagepar Mazeltof » 07 Juil 2010 à 16:15

Bonjour a tous,

Merci Micka76, c'est sympa

Bonne journee
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2784
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: alignement boutons personnalisés navbar

Messagepar micka76 » 07 Juil 2010 à 21:04

Bonsoir,

Alors dans la content.css il vas falloir changer quelques attributs
cherchez
Code: Tout sélectionner
#menu a {
   display: inline-block;
   width: 95px; /* taille du plus grand bouton a mettre ici */
   height: 20px;
   margin: 0 1px;
}

et changez donc la valeur
puis ensuite il faudra indiquer les tailles des autres boutons
ex pour faqs (a vous de faire ce qu'il faut )
Code: Tout sélectionner
#menu a.faqs {
   width: 70px;
   height: 20px;
}


A bientôt... :wink:
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 12:14
Localisation: Bah entre toi et ta f.... !!!

Re: alignement boutons personnalisés navbar

Messagepar Mazeltof » 09 Juil 2010 à 11:44

Ok, Micka76 :)
je test ca des que j'ai deux minutes ...

Merci et bonne journee ;)

...

apres essai, ca fonctonne super, c'est exactement ce a quoi je pensais :D
je mets ce sujet en resolu

un tres grand merci a toi Micka76 :wink:

micka76 a écrit:Bonsoir,
Alors dans la content.css il vas falloir changer quelques attributs ...

le changement de ces attributs est a faire dans common.css
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2784
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras


Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Bing [Bot] et 4 invités