Страница 1 из 11
Форум » uCoz » Помощь по uCoz » Блок в центре картинки
Блок в центре картинки
CbIPoK Offline
Проверенный
37
Дата: Четверг, 24.09.2015, 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(50Kb)


Помог? Ставь + в репутацию! :3

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

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


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

Я это делаю для "Вида материалов".


Помог? Ставь + в репутацию! :3
Профиль
MSerega Offline
Проверенный
92
Дата: Четверг, 24.09.2015, 16:38 | Сообщение # 4
ссылку на сайт в студию.

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