Перейти к содержимому

Сервис обмена электронных валют


Как заключить невидимую ссылку в логотип сайта?

#1 .A.R.T.

.A.R.T.
  • Пользователь
  • 3 сообщений
  • Репутация: 0
0

Отправлено 26 Июнь 2012 - 13:10

Как сделать невидимую ссылку в теге <h1>, заключенную в логотип сайта, как на главной странице сайта sosnovskij.ru? Когда прописываю такой же код в header.php, то у меня ссылка остается видна и налазит на лого.

 

 

  • 0

#2 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 26 Июнь 2012 - 22:11

в стилях заголовок <h1> с текстом отрицательный text-indent: -9999px, а в место картинку бекграундом
  • 1


#3 .A.R.T.

.A.R.T.
    Topic Starter
  • Пользователь
  • 3 сообщений
  • Репутация: 0

Отправлено 26 Июнь 2012 - 23:25

Не навредит ли в плане оптимизации такая конструкция?
 

<h1><a href="http://site.ru/" title="Лучший сайт"><div id="logo">Сайт</div></a></h1>

  • 0

#4 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 26 Июнь 2012 - 23:34

в <a> - лучше <span> засунуть сместо <div>
  • 0


#5 .A.R.T.

.A.R.T.
    Topic Starter
  • Пользователь
  • 3 сообщений
  • Репутация: 0

Отправлено 27 Июнь 2012 - 00:19

При использовании стиля text-indent: -9999px;, наложенный на логотип блок <div> становится не кликабельным в Мозиле, IE. В Опере все нормально. Где копать?
  • 0

#6 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 27 Июнь 2012 - 00:47

<a href="" style="display:block;width:200px;height:30px; border:1px solid #300; background:url('/images/ebucheelogo.png') no-repeat;"><span style="text-indent:-9999px;position:absolute;">Траливали</span></a>

При использовании стиля text-indent: -9999px;, наложенный на логотип блок <div> становится не кликабельным в Мозиле, IE. В Опере все нормально. Где копать?

дык... я написал вместо <div> используй <span>
  • 0


#7 c0ns0l3

c0ns0l3
  • Пользователь
  • 264 сообщений
  • Репутация: 49

Отправлено 27 Июнь 2012 - 06:29

Symphony,если ты уже используешь display:block на А, зачем тогда засовывать в нее еще и спан? сразу на нее и делаешь text-indent.
  • 1

#8 Sosnovskij

Sosnovskij
  • Администратор
  • 3 886 сообщений
  • Репутация: 566

Отправлено 30 Июнь 2012 - 18:13

Замечу, что h1 в логотипе у меня только на главной и страницах категорий. В полной версии постов h1 идет в заголовке материала.
  • 0

Не стесняйтесь ставить оценки темам :) Правила форума. Мой блог http://sosnovskij.ru/.



robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru