• Страница 1 из 1
  • 1
Форум » uCoz » Помощь по uCoz » Блок в центре картинки
Блок в центре картинки
CbIPoK Оффлайн
Проверенный
37
Дата: Четверг, 2015-09-24, 16:10 | Сообщение # 1
Чёт я застрял.
Хочу сделать блок по центру картинки, т.е. в центре <img> был <div>

Вот как бы каркас:
HTML:
Код
<div class="screen_block" align="center">
<div class="screen_title">Титл</div>
<img src="http://www.fingus.ru/pict/pict1003/kartinki_987787543333333.jpg">
</div>


CSS:
Код
.screen_block {width: 400px; height: 175px; overflow: hidden;}
.screen_block img {margin: -10px; width: 420px; height: 195px;}
.screen_title {margin-top: 55px; background: rgba(46, 204, 113, 0.75); height: 55px;}


Пример:
Прикрепления: 1007390.jpg (49.5 Kb)


Сообщение отредактировал CbIPoK - Четверг, 2015-09-24, 16:12
Профиль
MSerega Оффлайн
Проверенный
92
Дата: Четверг, 2015-09-24, 16:27 | Сообщение # 2
Ну наверное вам поможет в этом
Код
.screen_title {position:absolute;top: 55px;text-align:center;}

А там уже пробуйте


Помог? Ставь или поддержи проект.
Профиль
CbIPoK Оффлайн
Проверенный
37
Дата: Четверг, 2015-09-24, 16:33 | Сообщение # 3
MSerega, абсолютное позиционирование тут не поможет.

Я это делаю для "Вида материалов".
Профиль
MSerega Оффлайн
Проверенный
92
Дата: Четверг, 2015-09-24, 16:38 | Сообщение # 4
ссылку на сайт в студию.

Помог? Ставь или поддержи проект.
Профиль
Форум » uCoz » Помощь по uCoz » Блок в центре картинки
  • Страница 1 из 1
  • 1
Поиск: