menu personnalisé : pb affichage en liste (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 15)
  • Auteur
    Messages
  • #510300
    SMART
    Membre
    Initié WordPress
    14 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.3.2
    – Version de PHP/MySQL :
    – Thème utilisé : Lazy Sunday 1.2.6
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site : http://mischler-tapissier.com/WP3

    Problème(s) rencontré(s) :

    bonjour,

    l’affichage du menu personnalisé en widget des pages apparait sur une ligne alors que par defaut il apparait en liste. Il doit y avoir un souci dans le code.

    pouvez vous m’aider à trouver la solution.

    SMART

    #835789
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    ul.menu li {
    background-color: #333333;
    float: right;
    line-height: 1.3em;
    padding: 5px;
    text-align: right;
    vertical-align: middle;
    }

    style.css ligne 605

    Virer le float:right et corriger éventuellement le text-align:right en left ou center.

    #835790
    SMART
    Membre
    Initié WordPress
    14 contributions

    bonjour

    voici ce que j’ai trouvé comme code :

    ul.menu li {
    float: right;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
    text-align: right;
    background-color: #333;
    padding: 5px;
    }

    d’après ton conseil : je dois supprimer : float: right; et remplacer text-align:right par left ?

    SMART

    #835791
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    C’est ça, sauf que je te conseillerais plutôt de mettre le text-align:center au lieu de left

    #835792
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    Attends. Je viens de m’apercevoir que de pratiquer ainsi te passera tous les menus en liste verticale. Il faut donc corriger le tir et rajouter dans le css (à la fin du fichier) :

    #sidebar-1 li
    {
    background-color: #333333;
    line-height: 1.3em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    }

    #835793
    SMART
    Membre
    Initié WordPress
    14 contributions

    bonjour,

    en synthèse je modifie le code en rose :

    float: right; >>> suppression
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
    text-align: center;
    background-color: #333;
    padding: 5px;

    et je rajoute l’ensemble avant : /* End Drop-down Menu */

    #sidebar-1 li
    {
    background-color: #333333;
    line-height: 1.3em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    }

    tu peux me valider que c’est ok pour toi.

    SMART

    #835794
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    Je le mettrais en fin de fichier, les dernières définitions prenant toujours le pas sur les premières, c’est la raison pour laquelle le reset css se trouve toujours en premier.

    #835795
    SMART
    Membre
    Initié WordPress
    14 contributions

    bonjour,

    j’ai fait les modifications de code que tu m’as transmis
    en mettant en fin de développement le code sidebar-1

    rien n’a changé … le menu est toujours en ligne, et non en liste !!

    avant, j’avais procédé à une mise à jour du thème et cette anomalie n’a pas été modifiée par le développeur de ce thème.

    SMART

    #835796
    SMART
    Membre
    Initié WordPress
    14 contributions

    bonjour

    il faut être un peu patient, pour que les mises à jour apparaissent en ligne
    merci cela fonctionne pour la sidebar-1
    mais du coup j’ai le menu qui est en haut, qui lui n’est plus en ligne : comment le remettre comme avant ?

    #835797
    SMART
    Membre
    Initié WordPress
    14 contributions

    suite du message précédent,

    j’ai ajusté à gauche la sidebar-1 pour être ajuté au titre
    et j’ai une marge importante par rapport à ce titre ?

    à approfondir suite à la modification qui est mieux en liste mais pas encore satisfaisant.

    dans l’attente de te lire

    SMART

    #835798
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    ul.menu li {
    background-color: #333333;
    line-height: 1.3em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    }

    Cette modification actuellement valable sur ton site applique ces propriétés à tous les menus ayant pour classe .menu, ce qui correspond également au menu du haut.

    Il faut affiner en précisant quel est le menu qui sera modifié et non appliquer ces modifications à .menu qui modifiera tous les menus.

    #menu-deco li {
    float: right;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
    text-align: right;
    background-color: #333;
    padding: 5px;
    }

    serait donc correct pour le menu du haut.

    #nav-menu-2 li
    {
    background-color: #333333;
    line-height: 1.3em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    }

    Serait correct pour le menu du footer.

    Il faut ensuite ôter du css toutes propriétés données à ul.menu qui peuvent gêner ces deux définitions ou encore rajouter !important avant chaque ; des propriétés données plus haut.

    #835799
    SMART
    Membre
    Initié WordPress
    14 contributions

    bonjour,

    je te remercie, ça marche pour le menu du haut, tout est en ligne : c’est super trop top !!

    le menu dans la sidebar-3 en bas : j’ai changé depuis, a un problème d’alignement entre le titre et les pages du menu. Mais j’ai bien mon menu qui apparait en liste.

    tu croies pouvoir m’aider pour cette dernière finition.

    SMART

    #835800
    SMART
    Membre
    Initié WordPress
    14 contributions

    rebonjour

    j’ai une erreure d’affichage sur certaines pages des menu du haut et du bas …

    Parse error: syntax error, unexpected T_STRING in /homez.374/mischler/www/WP3/wp-content/themes/lazy-sunday/footer.php on line 15

    #835801
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    Tu dois avoir un problème dans le footer, vire les widgets dans un premier temps, y compris le menu pour voir si cela provient d’un des widgets.

    #835802
    SMART
    Membre
    Initié WordPress
    14 contributions

    bonjour

    j’ai tout supprimé : les widgets
    et le code en fin de programmation :

    #sidebar-3 li
    {
    background-color: #333;
    line-height: 1.3em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    }

    #menu-deco li {
    float: right;
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
    text-align: right;
    background-color: #333;
    padding: 5px;
    }

    #nav-menu-2 li {
    background-color: #333;
    line-height: 1.3em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    }

    et j’ai remis uniquement les widget texte
    cela pouvait aussi provenir du texte écrit en dessous SMART’COM (j’ai supprimer le ‘)

    SMART

15 sujets de 1 à 15 (sur un total de 15)
  • Vous devez être connecté pour répondre à ce sujet.