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
Форумы портала PHP.SU :: Версия для печати :: Проблемы с меню
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Проблемы с меню

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

1. YokoTakiri - 08 Декабря, 2015 - 01:34:55 - перейти к сообщению
После редактирования меню, появилось слева свободное место, которое не должно быть.

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


Подробности кода:
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, а остальные эллементы меню чтобы равномерно распределились по ширине. Подскажите, как такое можно сделать?
Проблемная страничка с меню
2. YokoTakiri - 08 Декабря, 2015 - 12:09:07 - перейти к сообщению
Все. Вопрос закрыт... Все исправила. Улыбка

 

Powered by ExBB FM 1.0 RC1