Поменять местами меню и навигацию в просильвере.

[drunk]

Хочу поменять местами навигационную полоску, и меню где личный раздел и прочее.
Бился бился, но удалось лишь только собрать их вообще в одну строку.

Может быть кто то делал подобное ? А то чего то я там немного запутался.

[strannikspb]

Господа, у меня проблема как у автора темы.
Есть 2 блока в <div class="navbar">
<ul class="linklist navlinks"> задает Список форумов
<ul class="linklist leftside"> и <ul class="linklist rightside"> задают Личный раздел и Вход/Выход.
В common.css это, как я понял

Код: Выделить всё

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

Вопрос, как список форумов сделать ниже? я смог его сделать ниже, но тока с помощью <span>. А мне нужен один блок. То есть точно такой как по умолчанию, тока список форумов передвинуть вниз. Чт оя тока не пробовал. И htmlbook.ru читал и сам экспериментировал. Мне уже просто стало интересно, каким методом это делается??
Буду благодарен за помощь!

[Rayden]

Сделай под <div class="navbar">... </div> еще один <div class="navbar">... </div> и в него запихни.

[strannikspb]

Сделай под <div class="navbar">... </div> еще один <div class="navbar">... </div> и в него запихни.

Даже так пробовал. Не получилось. Так же будет два блока. А мне нужен единый. Но на всякий случай попробую завтра еще раз. Спасибо.

[Rayden]

упс, не заметил, что тебе единый нужен.
Покажи полный код твоего div class="navbar">... </div>

[strannikspb]

Код: Выделить всё

     <div class="navbar">
            <div class="inner"><span class="corners-top"><span></span></span>

            <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
            <ul class="linklist leftside">
                <li class="icon-ucp">
                    <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
                        <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
                    <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                    <!-- IF U_RESTORE_PERMISSIONS --> &bull;
                    <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
                    <!-- ENDIF -->
                </li>
            </ul>
            <!-- ENDIF -->

            <ul class="linklist rightside">
                <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
                <!-- IF not S_IS_BOT -->
                    <!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
                    <!-- IF not S_USER_LOGGED_IN --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
                    <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
                <!-- ENDIF -->  
                      </ul>

                   <ul class="linklist navlinks">
                <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

                <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
            </ul>
                 <span class="corners-bottom"><span></span></span>

    </div> </div>

как я понял, дело в css? нет? Просто я никак не могу понять, каким параметро устанавливается сброс вниз. Я не хочу ничего нового придумывать, ведь просто надо лишь что-то поменять.. Но как не экспериментировал с css - ничего дельного сделать не смог..

[Rayden]

Нет такого параметра. Ты вообще неправильно подходишь.
Блоки проваливаются не вниз, а вверх.

Представь себе перевернутый стакан, как тетрис наоборот. И блоки летят снизу вверх, прилипают кверху.

[Палыч]

strannikspb
Попробуйте добавить

Код: Выделить всё

ul.navlinks { 
   float: none;
   .....
}

[strannikspb]

Код: Выделить всё

Нет такого параметра. Ты вообще неправильно подходишь. 
Блоки проваливаются не вниз, а вверх. 

Представь себе перевернутый стакан, как тетрис наоборот. И блоки летят снизу вверх, прилипают кверху.

Rayden, то есть вы не знаете как это сделать?
Палыч, огромное спасибо! Я добился прогресса в этом, но тем не менее до конца так и не получается сделать. Простоя установка float: none; не дает ничего. Что очень странно. Я попробовал поиграться с этими float, но до конца так и не смог сделать. Отчаялся, потому что смотрел стили другие в инете, но такой реализации не нашел, чтобы посмотреть как это делается.

[Rayden]

strannikspb
смысл такой. Когда блокам leftside и rightside задаешь float, то следующий за ними блок navlinks начинает проваливаться сквозь них вверх...
Чтобы этого не происходило, надо задать для navlinks свойство clear:both
И еще. В css опиши свойства navlinks ниже, чем все остальные. Это важно.
У меня не было времени проверить все это, но если интересуешься почему так происходит, рекомендую цикл статей:
http://softwaremaniacs.org/blog/2005/12 ... out-float/

[strannikspb]

Rayden, спасибо огромное! Наконец-то смог все сделать! float: none; не понадобился. Достаточным оказалось clear: both; и перемещение блоков.
Спасибо, а то сам бы еще 100 лет мучался. Учебничек изучу обязательно на досуге!