Моя простая настройка:
<div id="menuwrap">
<div id="menu">
<jdoc:include type="modules" name="menu" styles="" />
</div>
</div>
И
ul.menu {
display: inline-block;
}
, потому что мне нужно, чтобы он был центрирован.
Это отображается следующим образом (представьте, что он центрированна экране):
Menu_Item_1 | Menu_Item_1 | Menu_Item_3
Я хотел бы добавить поле поиска (стандартный поисковый модуль Joomla) в качестве пункта меню.То есть:
Menu_Item_1 | Menu_Item_1 | Menu_Item_3 | Search...
Я пытался поместить модуль поиска в другой div
, внутри #menuwrap
и плавать #menu
влево и #search
вправо.
Menu_Item_1 | Menu_Item_1 | Menu_Item_3 | Search...
Это нормально до изменения размера:
Menu_Item_1 | Menu_Item_1 |
Menu_Item_3 |
Search...
#search
просто толкается под #menu
(в третьей строке - это потому, что отображение ul
inline-block
).Цель состоит в том, чтобы оставаться в той же строке, что и меню (т.е. вторая строка), следующим образом:
Menu_Item_1 | Menu_Item_1 |
Menu_Item_3 | Search...
Есть предложения?Спасибо.