Berkut
Новичок
Дата регистрации:
27.10.2011 16:33:23
Сообщений: 18
Добрый день. Верстаю шаблон для одной цмс-ки и столкнулся с проблемой - не могу выровнять меню по центру. Вот что имеем
<div class="aCenter">
<div align="center" class="liks_mod"><h1>Новости</h1>
<h3> </h3>
<!--BEGIN links-->
<div id="linksL"></div><div class="liks">
<span><span><a title="Главная" href="http://kas.loc/index.php?module=news" class="module_navi"><b>Главная</b></a> <a title="Популярные" href="http://kas.loc/index.php?module=news&do=popular" class="module_navi"><b>Популярные</b></a> <a title="Категории" href="http://kas.loc/index.php?module=news&do=categoryes" class="module_navi"><b>Категории</b></a> <a title="Список" href="http://kas.loc/index.php?module=news&do=list" class="module_navi"><b>Список</b></a> <a title="Добавить новость" href="http://kas.loc/index.php?module=news&do=add" class="module_navi"><b>Добавить новость</b></a> </span></span>
</div>
<div id="linksR"></div>
</div>
<!--END links-->
</div>
сss
.aCenter {
height: 100px;
width: 100%;
}
.liks_mod {
padding-left: 25px;
}
#linksL {
background-image: url("../img/linksL.png"
;
float: left;
height: 43px;
width: 17px;
}
.links{
margin-left:auto;
}
.liks_mod h1{
font-size:15px;
line-height:15px;
}
#linksR {
background-image: url("../img/linksR.png";
border-left: 0 solid #3A94D4;
float: left;
height: 43px;
width: 17px;
}
.module_navi {
background-image: url("../img/linksC.png";
border-left: 0 solid;
border-radius: 0 0 0 0;
color: #FFFFFF;
display: block;
float: left;
font-size: 14px;
height: 31px;
margin: 0;
padding: 12px 5px 0;
}
Вроде всё. Какие будут советы?
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
У .module_navi уберите display: block; и float: left; А вообще код безобразный, Вы его случаем не в Dreamweaver писали? Если да, то переписывайте начисто с нуля, иначе ничего хорошего не получится, да и мне крайне трудно в этом мусоре разбираться.
Berkut
Новичок
Дата регистрации:
27.10.2011 16:33:23
Сообщений: 18
Давайте разберём более подробно (если это Вас не затруднит).
http://ompldr.org/vYmczbg
Такой должен быть результат. Теперь ссылки которые выдают система:
<a title="Главная" href="http://kas.loc/index.php?module=news" class="module_navi"><b>Главная</b></a> <a title="Популярные" href="http://kas.loc/index.php?module=news&do=popular" class="module_navi_sel"><b>Популярные</b></a> <a title="Категории" href="*" class="module_navi"><b>Категории</b></a> <a title="Список" href="*" class="module_navi"><b>Список</b></a> <a title="Добавить новость" href="*" class="module_navi"><b>Добавить новость</b></a>
Может быть больше или меньше. Как это реализовать лучше, чтоб, выражаясь вашим языком, не было мусора?
З.Ы. module_navi_sel - класс для активной вкладки.
З.Ы.Ы. Просьба не понять неправильно, просто вводит в ступор динамичность появление ссылок, тобиж четкие координаты указать нельзя, а при использовании обтеканий не работает выравнивание по центру.
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Чтобы не было мусора, пишите код с нуля в Notepad++, без использования любых других программ. От них один вред! Также нужно знать, как писать грамотно код, именно для этого я и создавал бесплатный курс по html: http://srs.myrusakov.ru. Там как раз создаётся чистейший код, именно так, как и нужно писать. А чтобы разобраться в этом коде, нужно потратить очень много времени, и оно того не стоит. Здесь всё надо переписывать. А вообще верхнее меню создаётся примерно так:
<ul>
<li>
<a href="#">Ссылка</a>
</li>
<li>
<a href="#">Ссылка</a>
</li>
</ul>
У li стоит float: left; Элементы a - display: block. Так же у элементов a есть padding: 10px 12px; Числа, разумеется, могут быть любые. Чтобы были картинки слева и справа, как на картинке, добавляйте в первый li img, либо сделайте background у первого li. То же самое с последним.
Berkut
Новичок
Дата регистрации:
27.10.2011 16:33:23
Сообщений: 18
1.Так код и пишу, с подсветкой синтаксиса.
2. Как я уже писал, приведённый список формируется системой, следовательно его нельзя трогать и изменять тем или иным образом. С нуля написать могу запросто (уже реализовал в этом шабе вертикальное и горизонтальное меню). Вопрос-то не стоит как создать меню, а как форматировать имеющееся.
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Исправить это нельзя, нужно переписать весь код (как минимум меню). Если с текущим движком не получается это сделать, меняйте движок.
