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



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

#1

Поделиться сообщением #1



.A.R.T.

.A.R.T.
  • Неактивные
  • 3 сообщений
  • Репутация: 0
0

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

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Передвинуть логотип в шапке сайта
  2. Как скрыть реферальную ссылку?
  3. Как скрыть партнерскую ссылку
  4. Стоит ли скрывать ссылку из сайта на соц.ВК тэгом nofollow?
  5. Как закрыть все ссылки на главной странице

#2

Поделиться сообщением #2



Symphony

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

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

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


#3

Поделиться сообщением #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

Поделиться сообщением #4



Symphony

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

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

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


#5

Поделиться сообщением #5



.A.R.T.

.A.R.T.
    Topic Starter
  • Неактивные
  • 3 сообщений
  • Репутация: 0

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

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

#6

Поделиться сообщением #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

Поделиться сообщением #7



c0ns0l3

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

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

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

#8

Поделиться сообщением #8



Sosnovskij

Sosnovskij
  • Администратор
  • 4 167 сообщений
  • Репутация: 630

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

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

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



robot

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


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