Форум Сайтостроение Веб-строительство

Горизонтальное меню

K
На сайте с 21.09.2008
Offline
74
Krieg
714

Добрый день, я использую всем известную CMS - Wordpress. Сделал горизонтальное меню ссылок, оно отлично работает, но я хочу его переместить. Меню сейчас находится в верху страницы , а я хочу его переместить в рамочку под логотипом. В header.php ставлю свое меню в самый низ, оно всеравно остается на свое месте. В CSS прописывал разные атрибуты ( врядли правильные :), меню становилось вертикальным.

H
На сайте с 11.09.2008
Offline
26
Hutch
#1

в шаблоне есть фаил (page.php вроде), который отвечает за порядок вывода элементов

Ceterum censeo Carthaginem esse delendam
K
На сайте с 21.09.2008
Offline
74
Krieg
#2

В page.php ничего такого не нашлось. Все в дивах. Может какой-нибудь атрибут в CSS ? Или в html специальный атрибут поставить для меню ?

kimberlit
На сайте с 13.03.2007
Offline
370
kimberlit
#3
Hutch:
в шаблоне есть фаил (page.php вроде), который отвечает за порядок вывода элементов

Этот файл отвечает за страницы (не посты) (что собственно ясно даже из названия) ...

ТС, скинь сюда фрагмент html-кода ...

K
На сайте с 21.09.2008
Offline
74
Krieg
#4

<body>

<?php wp_head(); ?>

<div class="wrap">

<div class="header">

<h1 class="logo"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>

<div class="description"><?php bloginfo('description'); ?></div>

<div class="subscribe_rss"><a href="<?php bloginfo('rss2_url'); ?>">Подписка<br />на rss</a></div>

<div class="subscribe_email"><a href="<?php bloginfo('url'); ?>/?file=1">Контакт<br />со мной</a></div>

<ul id="menu">

<li><a href="http://justindie.ru/"><h2>Главная</h2></a></li>

<li><a href="http://justindie.ru/?cat=1"><h2>Indie-Новости</h2></a></li>

<li><a href="http://justindie.ru/?cat=4"><h2>Indie-музыка</h2></a></li>

<li><a href="http://justindie.ru/?cat=3"><h2>Indie-игры</h2></a></li>

<li><a href="http://justindie.ru/?cat=5"><h2>Indie-фильмы</h2></a></li>

<li><a href="http://justindie.ru/?cat=6"><h2>Indie-афиша</h2></a></li>

</ul>

</div>

<div class="content">

<div class="content_left">

<div class="content_right">

Эт взято из header.php (все что выше тега "body" я не писал )

Optimization 2010: круглый стол RIW 2010: «Автоматизация анализа Отчет о конференции Электронная
kimberlit
На сайте с 13.03.2007
Offline
370
kimberlit
#5

#menu li{

list-style-type:none;

float:left;

}

Что здесь в css вырезал? Поставь для начала - ;

PS и в ul.menu - тоже

K
На сайте с 21.09.2008
Offline
74
Krieg
#6

#menu li{

list-style-type:none;

float:left;

}

#menu a{

display:block;

padding:12px;

color:#000;

text-decoration:none;

}

Вот это в css

kimberlit
На сайте с 13.03.2007
Offline
370
kimberlit
#7

Замени #menu li и ul.menu на эти:

#menu li{

list-style-type:none;

float:left;

margin:180px 0 0 0;

}

и

ul.menu {

margin:0px;

padding:0px;

list-style:none;

list-style-type:none;

float:left;

}

У меня заработала ... Число 180px - ранжирует сверху

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#8

причем тут движок, научитесь для начала просто верстать, ведь нет разницы какой движок используется.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
K
На сайте с 21.09.2008
Offline
74
Krieg
#9

Меню идеально вошло в рамочку под лого! Большое вам спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий