Здравствуйте. У меня такая проблемка: Меню сайта имеет такую структуру: Код (PHP): <ul id="adm_menu"> <li><a href='admin.php?system'>Системные настройки</a></li> <li class='sublink'><a href='admin.php?users'>Пользователи</a> <ul> <li><a href='admin.php?users=control'>Управление пользователями</a></li><br/> <li><a href='admin.php?users=groups'>Группы пользователей</a></li> </ul> </li> <li class='sublink'><a href='admin.php?modules'>Модули</a> <ul> <li><a href='admin.php?modules=servers'>Настройка серверов</a></li><br/> <li><a href='admin.php?modules=control'>Настройка модулей</a></li> </ul> </li> </ul> Вот css: Код (PHP): * { margin: 0; padding: 0; font-family: Comic sans ms, Tahoma, Times new roman, Arial; outline: none; } #adm_menu { width: 1000px; margin: 43px auto 0 auto; font-size: 16px; box-sizing: border-box; border: 3px solid #61FFAD; border-bottom: none; background: #EBFFF4; color: #025200; } #adm_menu li { list-style: none; display: inline; } #adm_menu li a { padding: 0 10px; text-decoration: none; line-height: 42px; } #adm_menu li a:hover { background: #BDFFDA; } Но при наведении на элемент #adm_menu li a - фон появляется не на всю высоту, а меньше, такое ощущение что там появляется како-то неведомый margin, или padding у элемента #adm_menu. Вот скриншоты с отладчика chrome: http://joxi.ru/8239pGyi6Q1J1r - тут видно что у элемента #adm_menu нет падингов. http://joxi.ru/KAxn901F4GxM7m - у li нет margin'ов http://joxi.ru/p27W7pJu0dPoM2 - у a падинги только по бокам. Как такое может быть? Отступов нет, но элементы всё равно меньше чем надо. Кстати, боковые отступы тоже есть небольшие, хотя на самом деле их нет.
Он как раз влияет на расстояние между строчками. Из-за него дырка и получается. между inline строчками
Я убрал display: inline, всё конечно сползло куда не надо, но отступы остались. http://joxi.ru/DrlvVxdF4zl882
Во первых сайт у меня на openserver лежит, но это ещё ладно, я залью, но это всё дело происходит в админпанели))) Так что если так сложно - придётся подождать --- Добавлено --- http://new.samycraft.com/admin.php
https://jsfiddle.net/ --- Добавлено --- Ну так у тебя бекграунд под a меняется, уж догадаться тут можно. Или делай a блоком, или hover стили для li делай.
Ну сделал я а блоком, но всё сползло в вертикальный список Как сделать чтоб он снова стал горизонтальным?