Décalage Texte Produit Niveau 2

[tolosa 0]

Bonjour,

 

j'ai toujours le problème des menus produits:
"Sur la page d’accueil, menu catalogue gauche: lorsque que je crée des catégories à 3 niveaux, l'affichage du texte suivant, correspondant à la catégorie de niveau 2 ne se fait pas correctement (décalé vers la droite de la case)"

Le décalage se fait sur tous les titres niveaux 2 et dépend la longueur des textes

 

ci joint une image pour illustrer mes propos

[Simon développeur PEEL 0]

Bonjour,

 

Il faut ajouter clear:both; dans la class css.left_column .sousMenu, .right_column .sousMenu {} du fichier modeles\peel7\css\menu.css

[tolosa 0]

Bonjour , désolé d'insister sur le sujet mais rien ne se passe.

je ne dois pas le placer exactement comme et où il faut.

[Gilles Boussin 0]

Recherchez .left_column .sousMenu dans le fichier indiqué, ajoutez à l'intérieur des accolades clear:both;   puis mettez le fichier en ligne et appuyez sur F5 sur votre navigateur pour recharger le fichier.

[tolosa 0]

Re bonjour, j'avais bien trouvé les lignes dans le code

 

.left_column .sousMenu, .right_column .sousMenu {
    background-color: #F3FBFE;
    display: none;
    list-style-type: none;
    position: absolute;
    text-align: left;
    width: 195px;
    z-index: 1003;
    top: -2px;
    padding: 0px;
    margin: 0px;
    border: 2px solid #1E82D8;
}
.left_column .sousMenu {
    left: 195px;
    }
.right_column .sousMenu {
    left: -199px;
}

 

J'y insère cleat:both;, sauvegarde le fichier et actualise le navigateur mais rien ne se passe.

[Gilles Boussin 0]

Après la première accolade insérez clear:both; (et non pas cleat:both;) et ça marchera, nous avons testé.

[tolosa 0]

Bonjour,

 

j'ai effectué la modification , également sur une version non retouchée de peel et cela ne fonctionne pas.

Le texte de niveau deux après un niveau trois ne s'aligne pas correctement.

 

.left_column .sousMenu, .right_column .sousMenu {
    clear:both;
    background-color: #F3FBFE;
    display: none;
    list-style-type: none;
    position: absolute;
    text-align: left;
    width: 195px;
    z-index: 1003;
    top: -2px;
    padding: 0px;
    margin: 0px;
    border: 2px solid #1E82D8;
}
.left_column .sousMenu {
    left: 195px;
}
.right_column .sousMenu {
    left: -199px;
}

 

 

Modification:

 

j'ai fait un test ailleurs dans le code et cela corrige l'erreur:

 

/* Menus latéraux */
.left_column li, .right_column li {
    clear:both;
    background-image: none;
    display: block;
    font-size: 12px;
    list-style: none outside none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    padding-bottom: 0px;
    position: relative;
}

[Gilles Boussin 0]

Suite à discussion avec Simon, il avait oublié un mot dans son explications plus haut dans ce sujet, du coup après on discute ensemble sur une mauvaise base, désolé.

C'est dans :

       .left_column .sousMenu li, .right_column .sousMenu li 

qu'il faut le mettre, à rechercher donc dans le CSS.

Dans .left_column li, .right_column li  ça marche aussi mais c'est moins bien structurellement.

 

Gilles