Форум русской поддержки Joomla!® CMS
04.12.2016, 01:56:34 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Верстка div блока, текст снизу двух div-ов

 (Прочитано 299 раз)
0 Пользователей и 1 Гость смотрят эту тему.
voron8787
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 34


« : 06.03.2015, 17:11:03 »

Ребят помогите пожалуйста, разобраться не могу.
Суть головной боли такова: есть блок div состоящий из двух блоков. Мне нужно что бы под блоком снизу был текст подробнее - к которому я позже привяжу материал с подробным описанием. Данный блок идет в 2 колонки на странице и под каждым нужна кнопка "подробнее". Заранее спасибо.
Код Div
Код:
<div class="s5_is" style="float: left; width: 48%; margin-right: 15px; margin-bottom: 15px;"><img style="border: 1px;" src="картинка" alt="" />
<div class="s5_is_slide">
<h3 style="font-family: verdana, geneva; color: #000000;">Название товара</h3>
Текстовое превью товара</div>
</div>

CSS  s5_is
Код:
.s5_is {
overflow: hidden;
position: relative;
padding: 0;
cursor: pointer;

CSS s5_is_slide
Код:
.s5_is_slide {
float: left;
position: absolute;
z-index: 0;
overflow: hidden;
left: 0;
bottom: 0;
background: #000000;
visibility: visible;
margin: 0px !important;
padding: 0px !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}

С уважением
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet