Перейти к публикации

Рекомендованные сообщения

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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;}

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Изменено пользователем Dj Dance
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...