Создание div (с фоновым изображением) в ссылку

Question

Создание div (с фоновым изображением) в ссылку

0

Я пытаюсь сделать мои маленькие значки на этой странице (http://www.alinewbury.com/contact.html) в ссылках.
Они каждый в отдельном div, но всякий раз, когда я пытаюсь сделать:

<div class="social-btn pinterest"><a href="http://www.pinterest.com/etc.etc."></a></div>

Кажется, это не работает! Как связать эти значки с соответствующими веб-сайтами?

user3417687 14 март 2014, в 08:06

Источник

0

Я не вижу значков на этой странице. Я использую Firefox 27.0.1
Fr0zenFyr 14 март 2014, в 06:23
0

попробуйте использовать span вместо div & тоже внутри тега <a>.
Arjit 14 март 2014, в 06:27

Теги:

html

css

hyperlink

icons

2 ответа

0

Предполагается, что Div находится внутри тега Anchor.

Проверка использования тэгов Anchor

Izaaz Yunus 14 март 2014, в 03:54

Ещё вопросы

Я не вижу значков на этой странице. Я использую Firefox 27.0.1
попробуйте использовать span вместо div & тоже внутри тега <a>.

Kheema Pandey · Accepted Answer · 2014-03-14T04-35-00.000Z

Чтобы сделать значок щелчком мыши, вы можете исправить некоторые проблемы. Прежде всего, ваши иконки на самом деле не связаны. вы можете увидеть Hand cursor потому что свойство, определенное в классе .social-btn

Чтобы сделать значок кликабельным, вы должны следовать этому подходу. поместить текст внутри a теге лучший подход также вы должны изменить font-size:0

.social-btn a
{
padding: 22px;
font-size: 0;
}

ваш HTML должен быть таким.

<div class="social-btn pinterest">
<a href="http://www.pinterest.com/alinewbury/" title="pinterest">pinterest</a>
</div>

Если этот ответ полезен для вас. Вы можете проголосовать или принять этот ответ.