Няшки, помогите два li сверстать.

а можно поподробней где он задается в меню? так сказать на пальцах
если быть точнее, то нужно зайти в пункт меню и там в параметрах есть "Параметры отображения ссылки". На скрине видно:
класс ссылки.PNG
 
Последнее редактирование модератором:
если посмотреть на ваш вопрос и реализацию ширее, так сказать, то похоже вы изобретали респонсивность меню. (тоесть адаптивность, после шестого пункта с новой строки ... потому как не влазит ) так не делается, вернее в HTML так не делается :)
все советы правильные но если идти от прописных истин то скорее вот это решение
Можно с помощью css3 сделать
li:last-child - это последний элемент у li
li:last-child{
float: left;
}
самое правильное. Ведь в html вы должны описывать, что выводить, а в CSS как выводить. исходя из этой (базовой) логики, вам ни в коем случае для пункта
<li class="item-432"></li>
ничего прописывать не надо, и не важно куда он прилипает :)
вам надо позаботится о контейнере (куда вписано ваше меню, его ширине и высоте и о его взаимодействии с изменением ширины окна) потом продумать логику как будут "сворачиваться" не влезающие пункты и прописать вышеупомянутое правило. (float:left\right)
а если цель просто двустрочное меню, так можно просто два модуля меню одно на другое взгромоздить, и то будет симпатичнее (да с небольшим избытком кода :) но это лучше чем забыть, как ты сделал перенос, через положим ... полгода :)
 
Последнее редактирование модератором:
<li class="item-432" style="float:left"></li>
 
если посмотреть на ваш вопрос и реализацию ширее, так сказать, то похоже вы изобретали респонсивность меню. (тоесть адаптивность, после шестого пункта с новой строки ... потому как не влазит ) так не делается, вернее в HTML так не делается :)
все советы правильные но если идти от прописных истин то скорее вот это решение
самое правильное. Ведь в html вы должны описывать, что выводить, а в CSS как выводить. исходя из этой (базовой) логики, вам ни в коем случае для пункта
ничего прописывать не надо, и не важно куда он прилипает :)
вам надо позаботится о контейнере (куда вписано ваше меню, его ширине и высоте и о его взаимодействии с изменением ширины окна) потом продумать логику как будут "сворачиваться" не влезающие пункты и прописать вышеупомянутое правило. (float:left\right)
а если цель просто двустрочное меню, так можно просто два модуля меню одно на другое взгромоздить, и то будет симпатичнее (да с небольшим избытком кода :) но это лучше чем забыть, как ты сделал перенос, через положим ... полгода :)
К сожалению css3 не все браузеры принимают, есть кстати для ie 6-8 хак что бы использовать nth-clild.
К примеру нужен 3-ий элемент вышесказанные ie не поймут конструкцию
Код:
li:nth-clild(3);
а хотя понимает с старых версий
Код:
 li:first-child;
- нахождение первого элемента, по этому обращаемся к 3-му элементу таким образом
Код:
 li:first-child + * + *;
Когда первый раз узнал, думал что за бред, но на самом деле работает.
 
А использование у jooml`ы обращение к каждому пункту меню используя новый css класс это бред, если конечно не задано строгое и вечное количество пунктов, потому как потом забудете и будете бегать по форумам с вопросом почему не пашет... лучше всего выйдет
Код:
 li { margin-right: 5px;}
 
Назад
Сверху