Иконки

[modfop]

Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?

[Sergik+]

И ссылкам и кнопкам задаете background, ограничений никаких.

[modfop]

И ссылкам и кнопкам задаете background, ограничений никаких.

 

имеется ввиду как реализовать ссылку, ведь например внутри <a> должен же находиться какой-то объект для ссылки. Если иконка стоит в background как сделать чтобы она при наведении курсора работала как ссылка, например именно область иконки была ссылкой. Извиняюсь если вопрос слишком глупый.

[Sergik+]

Можете сделать ссылку пустой, нигде это не запрещено.

[ows.nightwolf]

В дополнение к Sergik+: и тогда для такой ссылки надо задать свойства display: inline-block, width и height. Ваш кэп

[modfop]

В дополнение к Sergik+: и тогда для такой ссылки надо задать свойства display: inline-block, width и height. Ваш кэп

 

Иными словами создаем <div>, задаем ему нужную ширину и высоту, вставляем иконку в фон и этот блок превращаем в ссылку. Так я понял?

[ows.nightwolf]

 

В дополнение к Sergik+: и тогда для такой ссылки надо задать свойства display: inline-block, width и height. Ваш кэп

 

Иными словами создаем <div>, задаем ему нужную ширину и высоту, вставляем иконку в фон и этот блок превращаем в ссылку. Так я понял?

 

Да, кроме того что создавать надо не тег <div> а тег <a> (обычная ссылка).

http://jsbin.com/zadoyiti/1/edit

Edited July 29, 2014 by ows.nightwolf