VPF::Описание для изображения - Форум программистов

suxxor

Дата 2.6.2012, 20:28 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 97
Регистрация: 14.10.2010

Репутация: нет
Всего: нет

Нужно сделать описание для изображения, как на картинке:

там сделано так:

Код


<div class="foto">
    <img src="image.jpg" alt="Description"/>
    <div class="descr">Description</div>                 
</div>

только я непонял как это оформить в CSS

ayax2005

Дата 5.6.2012, 07:56 (ссылка)

(нет голосов)

Загрузка ...

echo $smile

Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 3
Всего: 11

.foto{position:relative;}
.descr{position:absolute; top: -20px;width:100%;opacity:0.8;background-colof:#000;color:#FFF}

Это сообщение отредактировал(а) ayax2005 - 5.6.2012, 07:56

--------------------

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

walknn

Дата 8.6.2012, 13:24 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 8.6.2012
Где: Нижний Новгород

Репутация: нет
Всего: нет

О это мне тоже пригодиться:)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »