1

Как можно реализовать изображение в качестве ссылки в django пробывал так, но ссылка работает только по верхней линии, а не по всей картинки.

#logo {
    position: absolute;
    margin-top: -7px;
	height: 50px;
	width: 60px;
}
<div id="logo"><a href="/"><img src="{% static "rss_news/logo.png" %}"  height="50px" border="0" alt=""></a></div>

1 ответ 1

0

#logo {
  position: relative;
  margin: 10px;
  height: 50px;
  width: 60px;
}

a {
  position: absolute;
  display: block;
  height: 50px;
  width: 60px;
}

img {
  position: absolute;
  display: block;
  height: 50px;
  width: 60px;
}
<div id="logo">
  <a href="https://ya.ru"><img src="http://333v.ru/uploads/00/000a7db0d4c688263a3e8d09e1f5fa93.jpg" height="50px" border="0" alt=""></a>
</div>

5
  • Спасибо, как я понял это все из-за позиционирование.
    – santos_q
    7 ноя 2017 в 16:38
  • не только, <a>, строчный эл. его надо было расстянуть на весь блок display: block;, ну позиционирование... что бы фото и ссылка были друг на друге
    – Air
    7 ноя 2017 в 16:41
  • Хорошо, спасибо за дополнительную информацию.
    – santos_q
    7 ноя 2017 в 16:46
  • Блин чувак сори, новичок здесь)
    – santos_q
    7 ноя 2017 в 16:53
  • все ок)))) ))))
    – Air
    7 ноя 2017 в 16:53

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.