ВопросКак сделать кликабельным логотип?

Необходимо было сделать чтобы шапка растягивалась вместе с резиновым сайтом. Для этого я вместо стандартного логотипа сделала картинку background и растянула ее в style.css:

#header-wrapper {
  background-color: #2a2674;
}
 
#header {
  background-image: url('images/header-bg.png');
  background-repeat: no-repeat;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 170px;
}

А как теперь сделать в page.tpl.php ссылку не знаю. Пробовала так, не получилось:

<div id="header-wrapper">
<div id="header" class="clearfix">                
<a href="/" title="Главная" rel="home" id="header"></a>
...
</div><!-- /header -->
      </div><!-- /header-wrapper -->
 

Буду благодарна за любую подсказку.

Комментарии

Аватар пользователя Spleshka
Spleshka написал:

Укажите в #header ещё ширину логотипа и display: block; Должно заработать :)

26.07.2011 14:58
Аватар пользователя Olech__ka
Olech__ka написал:

Огромное спасибо, заработало!!!
Не совсем, картинка стала кликабельной, только увеличился отступ от нее вниз и ссылки меню сместились в центр. На картинках это видно.
1. До вставки свойства display:block было так:

2. После вставки свойства:

Может знаете как с этим бороться?

26.07.2011 17:18
Аватар пользователя Spleshka
Spleshka написал:

Опять мы с вами дошли до того момента, когда нужно смотреть код сайта :( Давайте поступим следующим образом - отпишите мне в форму контактов свой скайп, я стукнусь и мы разберёмся с этим вопросом.

26.07.2011 18:46

Комментировать