@anmar1972

Несколько ссылок в блоке (на картинке)?

Доброго всем. Подскажите правильное решение. Есть 6 адаптивных блоков картинок. На каждой картинке должно быть от 1 до 3 ссылок на надписях сайт.
код
spoiler
<div class="listb">
<div class="listb-item">
<img src="http://englishprogress.ru//upload/000/u1/1b/41/kursy-angl.png" alt="" width="347" height="185" />
  <a href="/"></a>
  <a href="/"></a>
  <a href="/"></a>
</div>
<div class="listb-item"><img src="http://englishprogress.ru//upload/000/u1/b7/6e/kursy-kitaiskogo.png" alt="" width="279" height="185" />
  <a href="/"></a></div>
<div class="listb-item"><img src="http://englishprogress.ru//upload/000/u1/2d/72/razg-klub-dlja-vzros.png" alt="" width="279" height="185" />
  <a href="/"></a></div>
<div class="listb-item"><img src="http://englishprogress.ru//upload/000/u1/20/1e/letnii-klub.png" alt="" width="347" height="185" />
  <a href="/"></a></div>
<div class="listb-item"><img src="http://englishprogress.ru//upload/000/u1/a5/42/kursy-za-rubezhom.png" alt="" width="279" height="185" />
  <a href="/"></a></div>
<div class="listb-item"><img src="http://englishprogress.ru//upload/000/u1/4b/98/fotogalereja.png" alt="" width="279" height="185" />
  <a href="/"></a></div>
</div>
<p><style type="text/css">
.listb
{
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
-webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.listb-item
 {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
padding:0 15px 15px 0;
 }
</style></p>


и почему-то после сохранения ссылки пропадают из кода. Я понимаю, что для ссылок нужно задать стили, пробовал по разному, не выходит...
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 1
@anmar1972 Автор вопроса
Вроде сам разобрался. Добавил в стили
spoiler
.listb1
{
position: absolute;
top:90px;
left:10px;
}
.listb11
{
position: absolute;
top:90px;
right:30px;
}
.listb111
{
position: absolute;
top:135px;
left:20px;
}


В div внес три прозрачные картинки ссылки с классом listb1
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы