Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Помогите с версткой

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
etoYA
Отправлено: 25 Ноября, 2012 - 22:44:24
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)
Нужно сделать фоновый цвет черный, но еще и фоновая картинка. Эту картинку нужно выровнять по центру. Получается у меня вот такое.

CODE (html):
скопировать код в буфер обмена
  1. body{
  2.         background: #000;
  3. }
  4. body:after{
  5.         position: absolute;
  6.         top: 0; left: 0; right: 0;
  7.         content: '.';
  8.         display: block;
  9.         margin: 0 auto;
  10.         width: 1200px;
  11.         height: 1200px;
  12.         background: url('../img/bg.jpg') no-repeat;
  13. }


Но эта картинка перекрывает все остальные блоки, как сделать правильно?))

Решил вот так:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. body{
  3.         position: relative;
  4.         background: #000;
  5. }
  6. body:after{
  7.         position: absolute;
  8.         top: 0; left: 0; right: 0;
  9.         content: '.';
  10.         display: block;
  11.         margin: 0 auto;
  12.         width: 1200px;
  13.         height: 1200px;
  14.         z-index: 1;
  15.         background: url('../img/bg.jpg') no-repeat;
  16. }
  17. #wrapper{
  18.         position: absolute;
  19.         z-index: 2;
  20.         width: 960px;
  21.         margin-left: -480px;
  22.         left: 50%;
  23.  
  24. }
  25.  

Есть вариант по получше?

(Отредактировано автором: 25 Ноября, 2012 - 23:04:52)

 
 Top
avtor.fox
Отправлено: 26 Ноября, 2012 - 00:48:25
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2083
Дата рег-ции: Март 2012  
Откуда: Воронеж


Помог: 50 раз(а)
по идее -

CODE (text):
скопировать код в буфер обмена
  1. background:url(image) no-repeat 50% 0%, #000;

Какое позиционирование отвечает за вертикаль и горизонталь - не помню. Пробуйте.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB