Здравствуйте! Раньше на сайте стояла меню компонентное вертикальное, решил его поменять на обычное тоже вертикалка, столкнулся с такой проблемой: не могу сделать больший отступ между пунктами меню, помогите пожалуйста. вот это пока написал, меняет все, шрифт левый, правый отступ и т.д., все кроме отступа между пунктами меню: С padding ом что только не делал, пока бес толку даже не шелохнется
a.mainleve - должна входить в тег ли, вив или еще во что то... вот в этом "что то" и надо увеличить отступ
А можете расписать что то это что? это как, в CSS???? или в шаблоне html?? он у меня ни куда не входит наверное потому что я его только в CSS и засунул.. padding у меня меняет расстояние слева и справа, а первые 2 значения как бы само расположение ссылок увеличивает, но текст остается на месте, это например я навожу на 2 пункт меню, а у меня подчеркивается 3? навожу на 1, выделяется 2 и т.д. Помогите пожалуйста.
иногда можно тупо вот так: Код (html): li { margin:5px 15px; // отступ самих LI друг от друга. первое число - верх-низ, второе число - право-лево padding:5px 10px; // отступ текста от границ LI. первое число - верх-низ, второе число - право-лево } Соответственно, чтобы не на всём сайте такие списки были, а только в нужном месте - ставим селектор: Код (html): .menu_name li { margin:5px 15px; // отступ самих LI друг от друга. первое число - верх-низ, второе число - право-лево padding:5px 10px; // отступ текста от границ LI. первое число - верх-низ, второе число - право-лево } и у родителя меню указываем class="menu_name" ТВОЙ СЛУЧАЙ: (если выводим списком) Код (html): a.mainlevel li { font-family:Tahoma; font-size:13px; color:#5a5757; padding: 20px 0px 10px 25px; margin:10px 0px; // если горизонтальное - значения наоборот font-weight: bold; text-decoration: none; } поправьте меня, если я накосячил где
Если требуется, чтобы самый первый пункт меню не отступал от края, margin нужно прописать для каждого li только с одной стороны. Например: #menu ul li margin-right: 10px; - для горизонтального или margin-bottom: 10px - для вертикального
Не получается Вот что у меня на счет этой позиции в html пробовал все что вы советовали поставить, ни как не хочет работать, может у меня что-то с ними не того? При чем когда я меняю padding в этом участке: то все отлично меняется и вверх вниз, по бокам.. как быть?
Есть теория: возможно из-за подразумевается что все что в правом меню происходит все должно начинаться на .right.... но тогда как это обыграть? Хотя padding этого меню слева и справа работает, шрифт, размер меняет...
так как у вас меню в форме таблицы, для данной таблицы нужно изменить cellspacing с 0 на, например, 5... И всё получится! Код: <table cellspacing="5" cellpadding="0" border="0" width="100%"> проверьте в Firebug..
................................. посмотри каким стилем модуль меню выводится: <jdoc:include блабла STYLE="СТИЛЬ из modules.php" /> открой html/modules.php, глянь что там пишут...
А может кто подсказать в каком файле можно исправить этот cellspacing?? Нашел его в шаблоне javascript/jquery.js но после того как меняю значение на 5, ни чего на сайте не происходит.((
shurikkan, там не модель вроде бы: <div id="right_menu"> <jdoc:include type="modules" name="right" style="xhtml" /> </div>
Чтобы не мучаться с таблицами, зайди в админ панеле в менеджер модулей, там выбери модуль твоего меню и в "Стиль меню" выбери список.. Потом рихтуй старым способом ul li и margin-top удачи