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 Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Поиск в теме | Версия для печати
3d_killer
Отправлено: 13 Января, 2012 - 14:24:38
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
Имеется такая проблема не пойму изза чего может дело в том что где вставляется уровень меню используется span примерно так:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <li>
  3. <a href="?ID=8">
  4. <span class="menu_h_main_down">Монтаж электрики</span>
  5. </a>
  6. <ul class="menu_h_main">
  7. <li>
  8. <a href="?ID=11">Розетки</a>
  9. </li>

Прикреплено изображение (Нажмите для увеличения)
loader.jpg
 
My status
 Top
Саныч
Отправлено: 13 Января, 2012 - 14:29:06
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)
CSS в студию!


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
3d_killer
Отправлено: 13 Января, 2012 - 14:30:02
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
PHP:
скопировать код в буфер обмена
  1.  
  2.     .menu_h_main
  3.             {
  4.                     margin:0px;
  5.                     padding:0px 0px 0px 0px;
  6.             }
  7.     .menu_h_main li
  8.             {
  9.                                         display:block;
  10.                     float:left;
  11.                     list-style:none;
  12.                     background-color:#333;
  13.            }
  14.         .menu_h_main li:hover
  15.             {
  16.                                         display:block;
  17.                     float:left;
  18.                     list-style:none;
  19.                     background-color:#666;
  20.            }
  21.     .menu_h_main li a
  22.             {
  23.                     text-decoration:none;
  24.                     font-family:Tahoma, Geneva, sans-serif;
  25.                     font-size:12px;
  26.                     color:#FFF;
  27.                                         display:block;
  28.                                         padding:0px 10px 0px 10px;
  29.                                        
  30.                                         line-height:34px;
  31.             }
  32.     .menu_h_main ul
  33.             {
  34.                     position:absolute;
  35.                     margin:0px;
  36.                     padding:0px;
  37.                                          /*display:none; */
  38.                                                                        
  39.             }
  40.     .menu_h_main ul li
  41.             {
  42.                     float:inherit;
  43.                     list-style:none;
  44.                     width:150px;
  45.                                         background:url(../img/menu_h/bg_sub_menu_h.png);
  46.             }
  47.             .menu_h_main ul li:hover
  48.             {
  49.                     float:inherit;
  50.                     list-style:none;
  51.                     width:150px;
  52.                                         background:url(../img/menu_h/bg_sub_menu_h_a.png);
  53.             }
  54.     .menu_h_main ul li a
  55.             {
  56.                     font-weight:100;
  57.                                         padding:3px 10px 3px 10px;
  58.                                         line-height:10px;
  59.             }              
  60.     .menu_h_main ul li ul
  61.             {
  62.                     float:left;
  63.                     left:100%;
  64.                     position:absolute;
  65.                     margin:0px 0px 0px 0px;
  66.                                        
  67.                                         /* display:none; */
  68.             }
  69.     .menu_h_main ul li ul li
  70.             {
  71.                     width:150px;
  72.                     list-style:none;
  73.                                         position:relative;
  74.             }
  75.         .menu_h_main_down
  76.         {
  77.                 display:block;
  78.                 background:url(../img/menu_h/menu_arrov.png) scroll right no-repeat;
  79.                 padding: 0px 10px 0px 0px;
  80.        
  81.         }

(Добавление)
display:none; закоменчено чтобы в отладчике смотреть
 
My status
 Top
IllusionMH
Отправлено: 13 Января, 2012 - 15:15:14
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
3d_killer, еще б где-нибудь живой пример увидеть, да в отладчике быстренько поправить...
CODE (CSS):
скопировать код в буфер обмена
  1. .menu_h_main, .menu_h_main ul {
  2.   position:absolute;
  3.   left:100%;
  4.   top: 0;
  5. }

(Отредактировано автором: 13 Января, 2012 - 15:16:05)

 
 Top
3d_killer
Отправлено: 13 Января, 2012 - 15:41:11
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
http://it-ep[dot]ru/develop/it-ep/
тут в живую не помогает Недовольство, огорчение
 
My status
 Top
IllusionMH
Отправлено: 13 Января, 2012 - 15:44:59
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
3d_killer, ну вот с розетками помогло, там на нужном уровне, а со вторым селектором я ошибся
CODE (CSS):
скопировать код в буфер обмена
  1. .menu_h_main ul li ul {
  2. float: left;/*флоат тут не нужен*/
  3. left: 100%;
  4. margin: 0px;/*'при абсолютном позиционирование это не играет роли, можно убрать*/
  5. position: absolute;
  6. /*top: 16px; зачем это?*/
  7. top: 0;
  8.  }
 
 Top
3d_killer
Отправлено: 13 Января, 2012 - 15:47:33
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
вот топ 16 стоял он поднимал розетки
 
My status
 Top
IllusionMH
Отправлено: 13 Января, 2012 - 15:48:41
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
3d_killer, топ (если он положительный) опускает вниз ;)
 
 Top
3d_killer
Отправлено: 13 Января, 2012 - 15:48:53
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
сейчас заменил то же самое Не понял
(Добавление)
ой опускал это была попытка чтото решить Улыбка
 
My status
 Top
IllusionMH
Отправлено: 13 Января, 2012 - 15:50:37
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
класс menu_h_main употребляется в дереве дважды, и это не есть гуд
(Добавление)
Так в итоге сейчас работает?
 
 Top
3d_killer
Отправлено: 13 Января, 2012 - 15:51:41
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
я в ксс не вижу чтобы он 2 раза использовался
(Добавление)
а стоп вижу, вывод идет из бызы рекурсивной функцией щас проверю
 
My status
 Top
armancho7777777 Супермодератор
Отправлено: 13 Января, 2012 - 15:55:13
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
3d_killer, у Вас же готовое меню было, с нормальным css.
Ну и загляните в код, посмотрите как написано там.
Чего темы плодить?
 
 Top
3d_killer
Отправлено: 13 Января, 2012 - 15:59:28
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
вот исправил результат тот же
(Добавление)
не то не нормальное меню на разных браузерах были косяки
 
My status
 Top
Саныч
Отправлено: 13 Января, 2012 - 16:04:24
Post Id



Участник


Покинул форум
Сообщений всего: 1365
Дата рег-ции: Июль 2010  
Откуда: Украина, Запорожье


Помог: 62 раз(а)
.menu_h_main ul li ul добавить margin-bottom: -16px;


-----
Все возражают против того, что я гений, хотя никто еще так меня не назвал. - Орсон Уэллс
 
 Top
3d_killer
Отправлено: 13 Января, 2012 - 16:06:53
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
добавил, то же самое
 
My status
 Top
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 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