[RESOLU] Menu et positionnement

LeLoLaLeLoLa Member
dans Entraide et S.A.T
Salut à tous,

En adaptant ma charte graphique à Pluxml j'ai remarqué un problème dans le positionnement des liens internes aux boutons du menu.

Voici ma charte http://lelola.alwaysdata.net avec les liens parfaitement centrés dans chaque boutons.
Et voici mon Pluxml http://lelola.alwaysdata.net/pluxml/ avec les liens "Accueil" ($plxShow->staticList($plxShow->getLang('HOME')) et "Contact" qui dirige vers le plugin "MyContact" et les deux autres pages sont statiques.

Tous les boutons ont bien les règles CSS que j'ai défini dans ma feuille mais malgré tout les liens "Accueil" et "Contact" sont décalés.

Voici le code du menu provenant du "header.php" : 
<div class="row">
        <?php $plxShow->staticList($plxShow->getLang('HOME'),'<div class="three columns"><a href="#static_url" class="button menu" title="#static_name">#static_name</a></div>'); ?>
</div>

Voici le code du menu provenant de la charte : 
<div class="row">
        <div class="three columns">
            <a class="button menu" href="#">C.V.</a>
        </div>
        <div class="three columns">
            <a class="button menu" href="#">Blog</a>
        </div>
        <div class="three columns">
            <a class="button menu" href="#">Pics</a>
        </div>
        <div class="three columns">
            <a class="button menu" href="#">Mail</a>
        </div>
</div>

Voici le code du menu provenant de la feuille de style : 
.menu{
    min-width: 60px;
    max-width: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

Merci d'avance :)

Réponses

  • PierrePierre Member
    À première vue, je dirais que la largeur max de 100px est trop étroite, le texte s'aligne à la marge de gauche de ta "trop petite" boîte.
  • RingRing Member
    C'est ce que j'ai vu aussi.
    Sinon, si tu veux limiter la largeur à 100px de tes boites, tu peux modifier le padding ligne 168 par : 
    .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
padding: 0;
  • LeLoLaLeLoLa Member
    février 2016 modifié
    Problème réglé ! A l'avenir je relirai plus attentivement mon code...
    Je n'arrive pas modifier le titre du post pour le passer en "RESOLU".

    Merci !!!
  • bg62bg62 Member
    ben le " RESOLU " est fait maintenant :)

    mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -

Connectez-vous ou Inscrivez-vous pour répondre.