[RESOLU] Menu et positionnement

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

  • À 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.
  • 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 Membre
    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 !!!
  • ben le " RESOLU " est fait maintenant :)
Connectez-vous ou Inscrivez-vous pour répondre.