Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Обо всём » Собираем скрипты » CSS подписи для изображений
CSS подписи для изображений
artnovДата: Воскресенье, 06.07.2014, 18:56 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline
Заключаем картинку и описание в блок div и прописываем class="img-nov"

 
Код
<div class="img-nov">    
     <img src="ссылка на изображение" alt="" />    
     <cite>  Голландские пейзажи украсят любой интерьер. Голландский пейзаж в гостиной или офисе, идеальное решение.  </cite>    
     </div>

В CSS прописать:

Код
/* подписи для картинок */    

.img-nov {    
position: relative;    
display: block;    
height:335px;    
width: 575px;    
}    
.img-nov cite {    
background: #111;    
filter:alpha(opacity=55);    
opacity:.55;    
color: #fff;    
position: absolute;    
bottombottom: 0;    
leftleft: 0;    
width: 555px;    
padding: 10px;    
border-top: 1px solid #999;    
}
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
Форум » Обо всём » Собираем скрипты » CSS подписи для изображений
Страница 1 из 11
Поиск:
Слайд шоу (Натюрморты)
Мощная читалка
Тактика допроса
Tenge3

Яндекс цитирования купить картину маслом Arts.In.UA