Раскрывающееся меню HTML удаляет пробелы между элементами LI

Question

Раскрывающееся меню HTML удаляет пробелы между элементами LI

0

Я использую изображение как элементы dropdownlist и обнаружил, что между каждым элементом есть ненужное пробел и, следовательно, интересно, можно ли удалить все пробелы

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
    <div id='wrap'>
        <div id="clickable_div">MENU</div>
            <div id="nav_menu">
                <ul class="dropDown">
                    <li><img src="ori_12.png"></li>
                    <li><img src="ori_12.png"></li>
                    <li><img src="ori_12.png"></li>
                    <li><img src="ori_12.png"></li>
                </ul>
            </div>
        </div>
    </div>

</body>
<script>
        $('#wrap').mouseover( function(){
            $('#nav_menu').slideDown();
        })
        $('#wrap').mouseleave( function(){
            $('#nav_menu').slideUp();
        });

    </script>
</html>

И ниже мой Demo.css:

#clickable_div {width:166px; background-color:#9c9c9c;}
*{margin:0; padding:0}
#nav_menu{width:166px; height:auto; background-color:#CCC;display:none;}

#wrap{ width:166px }

Isaac Lem 24 сен. 2013, в 12:46

Источник

Теги:

jquery

html

css

drop-down-menu

2 ответа

0

Трудно сказать без jsfiddle, но я бы добавил display: block; к изображениям в ли..

Mag 24 сен. 2013, в 08:54

Ещё вопросы

Mohammad Ismail Khan · Accepted Answer · 2013-09-24T07-55-00.000Z

 <style>
    li{
        display: block;
        border: 0px;
    }
</style>

добавьте этот стиль в надежде, что он будет работать

Я думаю, что border:0px не является необходимым, спасибо за ваш ответ!