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]   

> Без описания
YokoTakiri
Отправлено: 08 Декабря, 2015 - 01:34:55
Post Id


Новичок


Покинул форум
Сообщений всего: 7
Дата рег-ции: Нояб. 2015  
Откуда: Санкт Петербург


Помог: 0 раз(а)




После редактирования меню, появилось слева свободное место, которое не должно быть.

Нажмите для увеличения


Подробности кода:
html меню:
CODE (html):
скопировать код в буфер обмена
  1. <ul class="menu">
  2.                                                                 <li><a class="active" href="index.html">Главная</a></li>
  3.                                                                 <li class="newmenu"><a href="services.html">Наши работы</a></li>
  4.                                                                 <li class="newmenu"><a href="faq.html">FAQ</a></li>
  5.                                                                 <li class="newmenu"><a href="prices.html">Наши цены</a></li>
  6.                                                                 <!-- <li><a href="staff.html">Our Staff</a></li> -->
  7.                                                                 <li class="last"><a href="contacts.html">Контакты</a></li>
  8.                                                         </ul>

А вот CSS:
CODE (htmlphp):
скопировать код в буфер обмена
  1. .menu {
  2.         padding:0 0 0 0;
  3.         width:100%;
  4.         margin-top:-9px;
  5.         position:relative;
  6.         z-index:2;
  7. }
  8. .menu li {
  9.         float:left;
  10.         position:relative;
  11.         padding-right:2px;
  12.         background:url(../images/menu-spacer.gif) right top repeat-y;
  13.         display: inline-block;
  14. }
  15.  
  16.  
  17.         .newmenu {
  18.         white-space: nowrap; /* блок может содержать не более одной строки */
  19.         float:left;
  20.         width:25%;
  21.         position:relative;
  22.         /* padding-right:2px; */
  23.         background:url(../images/menu-spacer.gif) right top repeat-y;
  24.                 }
  25.                
  26.                
  27.         .menu li.last {
  28.                 background:none;
  29.                 padding:0;
  30.                 text-align: center;
  31.                 width:20%;
  32.                 float:left;
  33.                 }
  34. .menu li a {
  35.         display:block;
  36.         font-size:15px;
  37.         font-weight:400;
  38.         line-height:2em;
  39.         padding:6px 64px 8px 65px;
  40.         color:#fff;
  41.         text-transform:capitalize;
  42.         letter-spacing:-1px;
  43.         background:#2b2b2b;
  44. }
  45.         .menu li:first-child a {
  46.                 padding:6px 0 8px;
  47.                 width:65px;
  48.                 text-indent:-9999px;
  49.                 background:url(../images/menu-home-icon.png) center center no-repeat #2b2b2b;
  50.                 border-radius:9px 0 0 9px;
  51.                 -moz-border-radius:9px 0 0 9px;
  52.                 -webkit-border-radius:9px 0 0 9px;
  53.         }
  54.         .menu li.last a {
  55.                 padding:6px 0 8px;
  56.                 border-radius:0 9px 9px 0;
  57.                 -moz-border-radius:0 9px 9px 0;
  58.                 -webkit-border-radius:0 9px 9px 0;
  59.         }
  60. .menu li a.active,
  61. .menu > li > a:hover {background-color:#222}


Задачка такая, надо чтобы первый пункт меню имел ширину 65px, а остальные эллементы меню чтобы равномерно распределились по ширине. Подскажите, как такое можно сделать?
Проблемная страничка с меню
 
My status
 Top
YokoTakiri
Отправлено: 08 Декабря, 2015 - 12:09:07
Post Id


Новичок


Покинул форум
Сообщений всего: 7
Дата рег-ции: Нояб. 2015  
Откуда: Санкт Петербург


Помог: 0 раз(а)




Все. Вопрос закрыт... Все исправила. Улыбка
 
My status
 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