Перелик картинками

12
P0
На сайте с 14.06.2013
Offline
126
818

Исходные данные такие, что приходиться перелинковывать картинками, которые выводятся цсской.

Как правильно перелинковать?

Сейчас код выглядит:

<a href="......"><div class="item1"></div>

</a>

Подсказывают можно вот так решить:

<a href="......"><div class="item1"><span>анкор</span></div>

</a>

css

для класса

.item1 span

text-ident:-9999px;

}

Задача: прикрутить текстовый анкор

Что думаете? Есть более корректные решения?

Процветай и просвещайся, друг
87793
На сайте с 12.09.2009
Offline
661
#1

А зачем нужно это "текст уезжает за экран"? 😕

Наше дело правое - не мешать левому!
L
На сайте с 16.10.2014
Offline
108
#2

бред какой то , хз что будет когда поисковик увидит ваши стили.

Купить автомобиль из США можно тут (https://us-car.com.ua)
P0
На сайте с 14.06.2013
Offline
126
#3
lexter:
бред какой то , хз что будет когда поисковик увидит ваши стили.

а как на счет кода счетчика метрики от Я?

<div><img src="//mc.yandex.ru/watch/23330713"

style="position:absolute; left:-9999px;" alt="" /></div>

---------- Добавлено 20.11.2014 в 16:04 ----------

87793:
А зачем нужно это "текст уезжает за экран"? 😕

спасибо. не тот код

87793
На сайте с 12.09.2009
Offline
661
#4
psyho0000freak:
Что думаете? Есть более корректные решения?

Не вижу весомых причин так извращаться.

По мне, так наиболее корректное решение по части перелинковки картинками будет

<a href="...." title="анкор"><img src="...." alt="анкор" border=0></a>

(Правда, я и title не употребляю, обхожусь alt'ом :o. Но, наверно, добавить анкор ещё и в title ссылки будет более корректно).

L
На сайте с 16.10.2014
Offline
108
#5

метрика это одно , а так вы прячете текст в невидимую область , аналогично писать белым шрифтом на белом фоне или размером ноль....

вот человек правильный пример кинул

<a href="...." title="анкор"><img src="...." alt="анкор" border=0></a>

а если надо всякие доп стили как у дива , добавьте display:block;

P0
На сайте с 14.06.2013
Offline
126
#6
87793:

<a href="...." title="анкор"><img src="...." alt="анкор" border=0></a>

я бы тоже просто приписал анкор в альт, но нет в коде страницы img для етой ссылки.

Картинки выводятся динамически, потом склеиваются в спрайт и через цсс выводятся

---------- Добавлено 20.11.2014 в 16:55 ----------

lexter:
а так вы прячете текст в невидимую область

да я понимаю, что корявый варик, но говорят, что реализовывали неоднократно на практике без осложнений. Но речь не про то.

[Удален]
#7
psyho0000freak:
а как на счет кода счетчика метрики от Я?
<div><img src="//mc.yandex.ru/watch/23330713"
style="position:absolute; left:-9999px;" alt="" /></div>

В метрике есть два варианта кода счетчика - с выводом картинки и без вывода картинки. Вы выбираете код с показом счетчика на странице сайта, но стилями прячете его за экран? 🤪

P0
На сайте с 14.06.2013
Offline
126
#8
Cat_Out:
В метрике есть два варианта кода счетчика - с выводом картинки и без вывода картинки. Вы выбираете код с показом счетчика на странице сайта, но стилями прячете его за экран? 🤪

в том то и дело, что ето сам яндекс предлагает такой вариант счетчика

[Удален]
#9

А, сорри. Действительно, это в коде самой метрики.

Так в чем тогда задача перелинковки? Добавить анкор к ссылке для ПС, но спрятать его от посетителей?

P0
На сайте с 14.06.2013
Offline
126
#10
Cat_Out:
Так в чем тогда задача перелинковки? Добавить анкор к ссылке для ПС, но спрятать его от посетителей?

да. для посетителей ссылка-картнка

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий