PluXml.org

Blog ou CMS à l'Xml

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

#1 16/02/2016 16:32:21

LeLoLa
Membre
Inscription : 05/08/2011
Messages : 11
Site Web

[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 smile

Hors ligne

#2 16/02/2016 18:26:59

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 025

Re : [RESOLU] Menu et positionnement

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


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#3 16/02/2016 18:52:48

Ring
Membre
Lieu : Bretagne
Inscription : 16/02/2016
Messages : 30

Re : [RESOLU] Menu et positionnement

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;

Hors ligne

#4 16/02/2016 21:02:44

LeLoLa
Membre
Inscription : 05/08/2011
Messages : 11
Site Web

Re : [RESOLU] Menu et positionnement

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 !!!

Dernière modification par LeLoLa (16/02/2016 21:08:42)

Hors ligne

#5 18/02/2016 17:51:39

bg62
Membre
Inscription : 18/05/2007
Messages : 1 764
Site Web

Re : [RESOLU] Menu et positionnement

ben le " RESOLU " est fait maintenant  smile


le 'www' est fait pour communiquer et échanger, non ?
fonds d'écran   | référencement efficace | Portfolio | Fonds d'écran automobile | outils SEO | échange de liens en dur

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés