Необъяснимое свойство CSS в подменю в Wordpress

Question

Я построил эту относительно уродливую вещь, которую я пытаюсь сделать менее уродливой (изображения - все заполнитель).

http://samcampsall.co.uk/DA/

Действие пункт один - есть подменит для некоторых из основных навигационных ссылок, которые выскакивают OK. Однако он добавляет высоту к навигационной кнопке внизу, и я не могу понять, почему (см. Нижние две ссылки «Оборудование» и «Руководство»).

Я попытался изменить положение этих ссылок в меню, и он всегда влияет на ссылку внизу, увеличивая высоту (и увеличивая уродливость). Firebug говорит мне, что затронутые ссылки увеличили высоту, но я не могу понять, почему.

После некоторого разыгрывания появляется, что в подменю добавляется маржа или отступы к нижней части, подталкивая элемент под ним вниз. Я могу уменьшить это, используя margin-bottom: - ## px, но я не могу понять, почему его там в первую очередь.

Возможно, это потому, что я довольно некомпетентен - любые идеи? Заранее спасибо.

Answer 1

У вас есть текстовое поле для «руководства», которое очень мало, поэтому его падающие линии подходят. Если вы попробуете

text-indent: -105px; 

по этой ссылке вы увидите, что все движется вверх.

Вы хотели бы что-то подобное только к цели, что боксировать:

#menu-item-14 a {text-indent: -105px;} 

, а затем что-то вроде

#menu-item-14 ul {text-indent:0px;} 

для подменю. Но это взломать. вы бы хотели увидеть остальную часть вашего кода, почему этот ящик близок так мало