гиперсылка средствами css

[bondarin]

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

например

<a class="goog" href="url"></a>

а в css пишем

a.goog {height: 16 px; width:16 px; background: url(../images/typo/google.png) no-repeat #74A824!important;}

просто у меня сейчас ничего не кажет

может так нельзя?

[Vlad]

Написать так конечно можно, вот только работать не будет как хочется. Тег A это встроенный элемент, на него ширина и высота не действуют. Надо сделать блочным.

[bondarin]

Написать так конечно можно, вот только работать не будет как хочется. Тег A это встроенный элемент, на него ширина и высота не действуют. Надо сделать блочным.

блочным это как?

[sigma77]

блочным это как?

display: block;

[mishka]

Оставлять пустые линки - правила дурного тона.

Это не критично, сайт не сломается, но это нехорошо, очень нехорошо.

Поэтому делай линки блочными, цепляй бг, а текст убирай text-align:-9999px;

[Great Rash]

Лучше не display: block; а display: inline-block;

[mishka]

Лучше не display: block; а display: inline-block;

все зависит от ситуации

[LunatiK]

Поэтому делай линки блочными, цепляй бг, а текст убирай text-align:-9999px;

Имхо, не для спора, но это мовитон - лучше делать прозрачную картинку с alt="Ваш текст", нежели заниматься клоакингом

[mishka]

Ваш альт и есть клоакинг

[mishka]

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

Для поисковика что будет лучше:

1.

<h2><a href="#">Заголовок поста</a></h2>

или

<h2><a href="#"><img src="..." alt="Заголовок поста" /></a></h2>

2.

Также как прочтет оба варианта скринридер (для людей с проблемами зрения на сайтах читает текст). Кстати в Англии уже давненько принят закон о защите прав людей с ограниченными способностями. И одно из его требований - сайты нужно делать так чтобы этот скринридер смог прочитать.

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

Edited August 16, 2010 by mishka2

[mishka]

Оставлять пустые линки - правила дурного тона.

Это не критично, сайт не сломается, но это нехорошо, очень нехорошо.

Поэтому делай линки блочными, цепляй бг, а текст убирай text-align:-9999px;

Ох и написал же, сам в шоке

text-indent:-9999px;

Edited August 16, 2010 by mishka2

[Searcher]

Во-первых, зачем в пустом линке href="url" ? может лучше href="#" или href="java script://". Что за попытка изобрести велосипед? А во-вторых, зачем там !important? Ну это вообще безрассудство какое-то!

[Great Rash]

Для поисковика что будет лучше:

ИМХО поисковику будет пофиг. Эти ссылки равнозначны.

[mishka]

Есть сеошники на форуме?

Может скажете что все же лучше поисковику - текст, или альт текст картинки?

[stars]

Есть сеошники на форуме?

Может скажете что все же лучше поисковику - текст, или альт текст картинки?

Ну если речь касается

<h2><a href="#">Заголовок поста</a></h2>
или
<h2><a href="#"><img src="..." alt="Заголовок поста" /></a></h2>

То на практике лучше первый вариант...

[Great Rash]

Уж не знаю как в Яндексе, а в Гугле точно пофиг...

пруфлинк

[mishka]

Ладно по первому вопросу забиваем на Яндекс, Гугл the best поэтому будем считать что для поисковика пофиг.

Но как насчет второго?

[Great Rash]

Альты и/или тайтлы прекрасно читаются звуковыми браузерами.

Доказывающая выдержка из спецификации

Specifying alternate text assists users without graphic display terminals, users whose browsers don't support forms, visually impaired users, those who use speech synthesizers, those who have configured their graphical user agents not to display images, etc.

[mishka]

Все, сдаюсь.

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

[Great Rash]

Может это мега-СЕО...

Типа сколько ссылок можно уместить на квадратном сантиметре если размер ссылки 1х1 пиксель... правильный ответ - дофига. Это я к тому, что мало ли для чего надо, понадобилось и все тут.

Прикольно было б замостить все окно ссылками и на onmouseover открывать все в новом окне. Провел разок мышой - получил миллион открытых вкладок, а уж если в ИЕ6 сидим, то вообще праздник - окна закрывать замучаешься.

[mishka]

Спор начался отсюда:

Поэтому делай линки блочными, цепляй бг, а текст убирай text-align:-9999px;

Имхо, не для спора, но это мовитон - лучше делать прозрачную картинку с alt="Ваш текст", нежели заниматься клоакингом

Теперь вот вопрос что из этого больший клоакинг? Пустая картинка с альтом? или нормальный текст? Или вообще пустая линка?

Edited August 17, 2010 by mishka2

[Great Rash]

Ежели б я менялся ссылками с кем-то, то все это посчитал бы клоакингом ибо кроме роботов по ссылкам иногда еще и люди ходят.