Помогите разобраться с правильным отображением меню в MODx, после применения сниппета Wayfinder
Делаю свой первый сайт и уже несколько дней не могу побороться с отображением меню.
После применения сниппета Wayfinder, его отображение и расположение очень сильно стало отличаться от шаблона.
Я понимаю, что проблема наверное в CSS, но если подскажете на что обратить внимание, буду вам очень благодарен.
Хотелось бы разобраться в этом нюансе.
Вот код в шаблоне:
----------------------------
<header>
<div class="main">
<div class="wrapper">
<h1>
<a href="index.html">DesignStudio</a>
<strong>Creative Ideas</strong>
</h1>
<nav>
<ul class="menu">
<li><a class="active" href="index.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="privacy.html">Privacy</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
</div><div class="ic">More Website Templates @ TemplateMonster.com - October 31, 2011!</div>
</header>
А вот после применения сниппета Wayfinder:
-------------------------------------------------------------------
<header>
<div class="main">
<div class="wrapper">
<h1>
<a>DesignStudio</a>
<strong>Creative Ideas</strong>
</h1>
<nav>
<ul><li class="active"><a href="http://localhost/fox_design/" title="Главная страница" >Главная</a></li>
<li><a href="/fox_design/index.php?id=2" title="О нас" >О нас</a></li>
<li><a href="/fox_design/index.php?id=3" title="Контактная информация" >Контакты</a></li>
<li><a href="/fox_design/index.php?id=4" title="Услуги" >Услуги</a></li>
<li class="last"><a href="/fox_design/index.php?id=5" title="Галерея" >Галерея</a></li>
</ul>
</nav>
</div>
</div>
<div class="ic">More Website Templates @ TemplateMonster.com - October 31, 2011!</div>
</header>
А это в CSS написано:
----------------------------------
.menu {
padding:25px 0 0 0;
float:right;
}
.menu li {
float:left;
position:relative;
background:url(../images/menu-spacer.gif) left top no-repeat;
}
.menu li:first-child {background:none}
.menu li a {
display:inline-block;
font-size:19px;
font-weight:bold;
line-height:2em;
padding:8px 28px 9px 27px;
color:#fff;
}
menu li a.active,
.menu > li > a:hover {color:#60b001}
Буду очень благодарен за помощь. Спасибо!
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.