как так сделать?

[dleua 4]

добрый день.

как так сделать?

ссылка на картинке. на полную новость.

как на сайте dnepr.com

[prikindel 255]

что именно полупрозрачный фон ссылки или как слой со ссылкой поставили на картинку?

[dleua 4]

  10.11.2010 в 22:00, prikindel сказал:

что именно полупрозрачный фон ссылки или как слой со ссылкой поставили на картинку?

та фон не проблема, как туда ссылку поставит

[Dj Dance 185]

  Цитата

та фон не проблема, как туда ссылку поставит

Неужели так трудно посмотреть как сделано на примере?

html

<div class="cams block col2">

<h1>Днепропетровск online</h1>

<div class="all"><a href="/cams.html">Все</a></div>

<div class="div_t"><table border="0" cellpadding="0" cellspacing="0"><tr>

<td><div style="width:240px;height:180px;"><a href="http://www.dnepr.com/cam/2886-vebkamera-na-most-siti.html"><img src="http://live.dnepr.com/static/c42/cam50.jpg" width="240" height="180" /></a><p><a href="http://www.dnepr.com/cam/2886-vebkamera-na-most-siti.html">Вид на Новый Мост</a></p></div></td>

<td><div style="width:240px;height:180px;"><a href="http://www.dnepr.com/cam/2317-vebkamera-na-naberezhnojfontan.html"><img src="http://live.dnepr.com/static/c52/cam50.jpg" width="240" height="180" /></a><p><a href="http://www.dnepr.com/cam/2317-vebkamera-na-naberezhnojfontan.html">Набережная фонтан</a></p></div></td>

</tr></table></div>

</div>

css

.cams .div_t{margin: 8px 2px 10px;}

.cams .div_t{margin: 8px 2px 10px;}

.cams table{width: 100%;}

.cams td{width: 33%; text-align: center; vertical-align: top;}

.cams td div{position: relative;}

.cams td p{position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; margin: 0; line-height: 30px; text-align: center; background: url(http://www.dnepr.com/templates/Dneprcom/img/pix.png) repeat; color: #ffffff;}

.cams td a{position: relative; color: #ffffff; text-decoration: none;}

.cams td a:hover{text-decoration: underline;}

Смотрите и разбирайтесь

[dleua 4]

Dj Dance

так это понятно, а с помощью движка?

[Dj Dance 185]

  Цитата

а с помощью движка?

используйте для картинки доп.поле

Изменено 11 ноября 2010 пользователем Dj Dance