Bonjour, j'ai un petit problème sur mon menu vertical.

Le premier élément a une marge gauche et je ne sais pas d'où ça vient. ^^'

Voici le code CakePHP pour afficher le texte et générer le HTML.

<div class="col-lg-3 col-md-4">
    <ul class="nav nav-pills nav-stacked">
        <?php 
        foreach ($dataAll as $value) {
            if($value'Content']'id'] == $data'Content']'id']) {
                echo $this->Html->tag(
                'li',
                $this->Html->link(
                    $value'Content']'titre_content'] , 
                    $url = array(
                        'controller' => 'Presentations',
                        'action' => 'contents/'.$value'Content']'id'].'/'.$idCat
                        ), 
                    $options = array(), 
                    $confirmMessage = false) , 
                $options = array('class' => 'active')
                );
            }
            if($value'Content']'id'] != $data'Content']'id']) {
                echo $this->Html->tag(
                'li',
                $this->Html->link(
                    $value'Content']'titre_content'] , 
                    $url = array(
                        'controller' => 'Presentations',
                        'action' => 'contents/'.$value'Content']'id'].'/'.$idCat
                        ), 
                    $options = array(), 
                    $confirmMessage = false) , 
                $options = array()
                );
            }
        }
         ?>
    </ul>
</div>
autre div...

et voici une capture d'écran montrant le problème.

http://www.dropbox.com/s/tphgk677sltx85d/Capture%20d%27%C3%A9cran%202014-03-14%2009.03.24.png

Comme vous le voyez, il y a une petite marge, c'est assez gênant.

edit : la balise img ne fonctionne pas avec un lien dropbox ^^"

2 réponses


Bonjour, Ton problème ne vient pas de cakephp.

Je t'invite à aller lire ce topic et de recréer ton topic dans la section html/css

Il sera très facile de t'aider si tu donnes le code qu'il y a sur ton navigateur sur un jsfiddle ou codepen.io

Bonne continuation.

etshy
Auteur

La classe active de Bootstrap ne fait que colorer un <li>.

en comparant avec les autres, j'ai vu
que bootstrap avait une classe avec "margin-left :0;" pour les ".nav-stacked > li + li" mais pour les ".nav-stacked > li"
j'ai rajouté "margin-left :0;" dans ".nav-stacked > li" et ça a fonctionné.