+7 (911) 913-40---
menu
person
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
CSS подписи для изображений
artnovДата: Воскресенье, 06.07.2014, 18:56 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 151
Награды: 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;    
}


Artnov
 
  • Страница 1 из 1
  • 1
Поиск: