1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. FAQ

[Решено] Как разделить 2 блока в шапке?

Главные вкладки

Аватар пользователя vadyagt vadyagt 3 января 2015 в 19:10

Нужно чтобы слева был поиск, а справа форма входа, как это сделать через css?
Сейчас написано вот это:

CSS:

#pre-header { background: #9dcedf; float: left; width: 940px; padding: 0 40px 0 40px; margin: 0px 0 30px -40px; border-bottom: 1pt solid #d8d5cd; min-height: 50px; }
.pre-header { margin-bottom: 13px; }

page.tpl:

<div id="pre-header" class="clearfix">
                <?php if ($page['header']) :?>                
                <?php print render($page['header']); ?>
                <?php endif; ?>
</div>
ВложениеРазмер
Иконка изображения snimok.png17.35 КБ

Комментарии

Аватар пользователя bumble bumble 3 января 2015 в 21:18

Нужно настраивать селекторы блоков, а не региона (#pre-header).
Узнать можно Firebug'ом, или аналогами.
Или же назначать свои классы, например модулем Block Class, или имеющимися средствами (если, к примеру, выводится через Panels...)

Блокам назначается Float, или display: inline-block с указанием ширины.

Аватар пользователя vadyagt vadyagt 3 января 2015 в 21:14

"bumble" wrote:

Нужно настраивать селекторы блоков, а не региона (#pre-header).
Узнать можно Firebug'ом, или аналогами.
Или же назначать свои классы, например модулем Block Class, или имеющимися средствами (если, к примеру, выводится через Panels...)

Блокам назначается Float, или display: inline-block с указанием ширины.


Спасибо. Вы не подскажете как можно сровнять надпись Вход на сайт с иконками в линию? Это блок User login - uLogin widget only.

Аватар пользователя vadyagt vadyagt 4 января 2015 в 0:32

"bumble" wrote:
Аналогично: "... display: inline-block с указанием ширины."

Пробовал различные варианты display, но надпись по прежнему остается сверху

Аватар пользователя vadyagt vadyagt 27 января 2015 в 13:01

Решил проблему вот так:

#block-search-form { float: left; width: 70%; margin: 3% 0 0 0 }
#block-system-user-menu { float: right; }
#block-ulogin-ulogin {  float: right; }

Хотя может так и неправильно, но всё работает