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

Question

[Андрей]

Доброго всем. Подскажите правильное решение. Есть 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>

и почему-то после сохранения ссылки пропадают из кода. Я понимаю, что для ссылок нужно задать стили, пробовал по разному, не выходит...

Comments

[Ankhena]

почему-то после сохранения ссылки пропадают из кода

Вероятно, потому что они пустые. Почему пропадают узнайте у вашей CMS и настроек визуального редактора (или не визуального). Возможно, после добавления текста в ссылки они перестанут удаляться редактором.

[Андрей]

Ankhena, да, так и есть

[Ankhena]

Андрей, довольно часто редакторы автоматом удаляют пустые DOM-элементы

Answer 1

[Андрей]

Вроде сам разобрался. Добавил в стили

spoiler

.listb1
{
position: absolute;
top:90px;
left:10px;
}
.listb11
{
position: absolute;
top:90px;
right:30px;
}
.listb111
{
position: absolute;
top:135px;
left:20px;
}

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

Comments

[Ankhena]

прозрачные картинки

привет из 90х

Что мешает написать в ссылки эти ваши слова, а не лепить их в картинки?