правка CSS для DRUPAL, тема "wafflies"

[Yuriy@Kiev]

Всем привет.
Стоит следующая задача - шапка сайта (или поле в районе логотипа) должна являться ссылкой на главную страницу. Решать собираюсь накладыванием прозрачного изображения. Проблема в том, что стандарного места для расположения блока нет. Пытаюсь "сдвинуть" влево существующий блок, но безрезультативно.


#header-middle {
float: left;
margin: 1px 1px 0 0;
width: 230px;
}

Почему-то такой блок выводиться ближе к правой части шапки, хотя слева от него других блоков нет. Как данную проблему побороть?

[Naive]

возможно, есть что-то сверху. Или снизу, или все-таки слева... Без всего кода не разобрать. Если нужно действительно четкое позиционирование, то лучше positin:abcolute ничего не справится.
Однако, чтобы сделать ссылку на некую часть сайта, лучше эту часть и обернуть в ссылку, а не ложить сверху какой-то блок. Если это не получается, то всегда можно кинуть скрипт.

[Yuriy@Kiev]

1) Как выловить "что-то еще"?
2) На сколько я знаю, в CSS эту ссылку не реализуешь. Я очень долго и упорно расспрашивал гугл на тему того, как сделать шапку ссылкой, но единственный вариант, который там нашел - это наложение прозрачной картинки. Можно конкретный пример, как реализовать такую ссылку в шапке друпала?

[Naive]

1) фаербаг и внимание, больши ничего... любой другой маргин-лефт будет сдвигать твой маргин лефт влево либо вниз. Можешь попробовать прописать для своего блока clear:both, тогда можешь определить высоту, с которой можно начинать проблемный блок.
2) верстка друпала отличается от человеческой?
2.а) На что надо кликнуть, чтобы пользователь перешел на главную? — лого слева вверху.— Ок, это лого просто текст+картинка, берем и оборачиваем это в ссылку.

[Alexei91]

верстка друпала отличается от человеческой?

Не верстка, а код темы. Свои тонкости есть.

шапка сайта (или поле в районе логотипа) должна являться ссылкой на главную страницу.

Открываешь page.tpl.php (страница), page-front.tpl.php (главная страница), maintenance-page.tpl.php (сайт на тех. обслуживании) и вроде бы всё. Если ,что забыл поищи по структуре тем для Drupal. Схема на drupal.org вроде бы в оф. док-ции была.

Вписываешь, что-то типа:

PHP код:

    <div id="header" class="box">

    <p id="logo">
        <a href="<?php print 'http://' . check_url($site_name); ?>" 
           title="<?php print check_plain($site_name) ?>" >
            <?php
if ($logo) echo '<img src="' . check_url($logo) . '"' . ' alt="' . check_plain($site_name) . '" />';
else echo check_plain($site_name);
?>
        </a>
    </p>
...
    </div> <!-- /header -->

$logo - лого,
$site_name - имя сайта.
check_url. - api.drupal.org. Почитай.

У себя на сайте, когда тему делал так делал.

[Yuriy@Kiev]

Тут проблемка есть:
Дейсвительно, ссылка должна быть над логотипом, но логотип просто "вклеен" в jpg картинку, которая является background-ом. А background не может быть ссылкой, на сколько я знаю. Почему именно такая реализация выбрана? Потому как логотип должен хорошо вписываться в фоновую картинку, если логотип просто наложить - то будут очень явно выделяться границы.

[Naive]

Можно блок, на котором стоит картинка заменить на ссылку, а в стилях дописать для него

display:block;

Или повесить на него обработчик событий js:

$('#my_logo_block').click(function(){document.location = '/'})

[Yuriy@Kiev]

Спасибо. Буду пробовать - отпишусь по результату.

[Yuriy@Kiev]

Сообщение от Naive

Можно блок, на котором стоит картинка заменить на ссылку, а в стилях дописать для него

display:block;

Или повесить на него обработчик событий js:

$('#my_logo_block').click(function(){document.location = '/'})

Вернемся изначальной постановке вопроса: ссылка не есть проблемма на данный момент - проблемма, то, что я не могу ее разместить в нужном месте. Тоесть, я не могу передвинуть блок в нужное место.
понимаю, что данных мало. Пока решений, дающих альтернативу праке CSS я не увидел, так, как пока, банально, не к чему привязать ссылку.

Или альтернативы есть, но я их не увидел?

[Yuriy@Kiev]

Спасибо всем, в контексте поставленного вопроса проблемма решена.