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 :: after

 PHP.SU

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


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

> Описание: незнаю как задать вопрос
Поиск в теме | Версия для печати
etoYA
Отправлено: 05 Апреля, 2012 - 20:26:05
Post Id



Участник


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


Помог: 21 раз(а)
В общем дело в хедере. При добавлении логотипа и эффектов #header:before;
перекрывает форму поиска (т.е. неработают поля). Как сделать, правильно наложить слои без мусора в html?
CODE (html):
скопировать код в буфер обмена
  1. #header{
  2.         position: relative;
  3.         width: 100%;
  4.         height: 300px;
  5.         background: url('../img/header-bg.gif') repeat-x;
  6. }
  7. #header:before{
  8.         position: absolute;
  9.         top: 0;
  10.         left: 160px;
  11.         content: '';
  12.         width: 960px;
  13.         height: 300px;
  14.         background: url('../img/header-logo.png');
  15. }
  16. #search{
  17.         top: 0;
  18.         left: 0;
  19.         padding: 15px 10px;
  20.         height: 30px;
  21.         background: url('../img/search-bg.png') repeat-x;
  22.         border: 1px solid #056def;
  23. }
  24. #search input[type="text"]{
  25.         padding: 0 10px;
  26.         width: 840px;
  27.         height: 30px;
  28.         background: url('../img/search-field.gif');
  29.         color: #fff;
  30.         float: left;
  31. }
  32. #search input[type="submit"]{
  33.         width: 70px;
  34.         height: 30px;
  35.         background: url('../img/search-button.gif');
  36.         color: #fff;
  37.         float: right;
  38. }
  39. #search input[type="submit"]:active{
  40.         background: url('../img/search-button-onclick.gif');
  41. }

CODE (html):
скопировать код в буфер обмена
  1. <div id="header">
  2.                 <form id="search" method="post">
  3.                         <input type="text" name="search" />
  4.                         <input type="submit" name="find" value="Поиск" />
  5.                 </form>
  6. </div>

(Отредактировано автором: 05 Апреля, 2012 - 20:27:56)

 
 Top
DelphinPRO
Отправлено: 05 Апреля, 2012 - 20:30:38
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
CODE (css):
скопировать код в буфер обмена
  1. #header {
  2.   z-index:10;
  3. }
  4. #search {
  5.   position: relative;
  6.   z-index:20;
  7. }

(Отредактировано автором: 05 Апреля, 2012 - 20:30:59)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
etoYA
Отправлено: 05 Апреля, 2012 - 20:35:03
Post Id



Участник


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


Помог: 21 раз(а)
DelphinPRO, ясно, пробовал z-index. но немного подругому)). Видемо не правильно).
Не добовлял position: relative; Спасиб)
 
 Top
DelphinPRO
Отправлено: 05 Апреля, 2012 - 20:47:10
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
w3c пишет:
'z-index' Value: auto | <integer> | inherit
Initial: auto
Applies to: positioned elements
Inherited: no
Percentages: N/A
Media: visual
Computed value: as specified


-----
Чем больше узнаю, тем больше я не знаю.
 
 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