У меня есть простой div с тремя изображениями в нем, и я пытаюсь сделать все три изображения отдельными ссылками на HTML.

Я что-то пропустил? Это кажется слишком простым, но точно не работает:

<div><a href="#"><img src="img/dboarddown.png"></a><img src="img/ranking.png"><img src="img/analytics.png"></div>

Span тоже не работает .... Я не получаю указатель и ничего не нажимается.

0
DataGuy 14 Май 2014 в 12:49

3 ответа

Лучший ответ

У вас есть только одна ссылка:

<div>
    <a href="#"><img src="img/dboarddown.png"></a>
    <img src="img/ranking.png">
    <img src="img/analytics.png">
</div>

Заменить на:

<div>
    <a href="#"><img src="img/dboarddown.png" alt="" /></a>
    <a href="http://stackoverflow.com"><img src="img/ranking.png" alt="" /></a>
    <a href="http://google.com"><img src="img/analytics.png" alt="" /></a>
</div>
0
caramba 14 Май 2014 в 08:52

Это должно работать нормально

<div>
 <a href="#link1">
  <img src="img/dboarddown.png"/>
 </a>
 <a href="#link2">
  <img src="img/ranking.png"/>
 </a>
 <a href="#link3">
  <img src="img/analytics.png"/>
 </a>
</div>
1
Sjoerd de Wit 14 Май 2014 в 08:52
<div><a href="#"><img src="img/dboarddown.png"/></a>
    <a href="#"> <img src="img/ranking.png"/></a>
    <a href="#"><img src="img/analytics.png"/></a></div>

Последние два изображения не упаковываются в теги и не забудьте закрыть тег img.

0
Jaroslav Kubacek 14 Май 2014 в 08:51