[Помогите] CSS

Тема в разделе "OpenCart", создана пользователем Ping, 22 янв 2013.

  1. Ping

    Ping PingWin always win

    Регистрация:
    29 окт 2012
    Сообщения:
    445
    Симпатии:
    302
    http://www.muztorg.zz.mu/ прошу помощи с меню.
    Верхнее меню, при наведении меняется на светлый цвет, если поводить мышкой по менюшкам то смена цвета чуть-чуть наезжает друг на друга.
    Как сделать что бы оно не наезжало одно на одно ?
     
  2. gatsby

    gatsby

    Регистрация:
    27 дек 2012
    Сообщения:
    144
    Симпатии:
    76
    Ping, убрать из #advanced_menu a
    Код:
    margin-left: -6px;
    Не?
     
  3. Ping

    Ping PingWin always win

    Регистрация:
    29 окт 2012
    Сообщения:
    445
    Симпатии:
    302
    Двигается все меню
     
  4. gatsby

    gatsby

    Регистрация:
    27 дек 2012
    Сообщения:
    144
    Симпатии:
    76
    Ping, так я и не понял, что конкретно нужно. Чтобы не наезжало на мой взгляд надо убирать:
    для ссылок - #advanced_menu a:
    Код:
    margin-left: -6px;
    для подкатегорий - из .advanced_menu ul li ul
    Код:
    left: -7px;
    Но может я неправильно понимаю, что нужно?
     
  5. Ping

    Ping PingWin always win

    Регистрация:
    29 окт 2012
    Сообщения:
    445
    Симпатии:
    302
    Возможно я не правильно описал проблему. Нужно что бы серый фон при наведении мышкой не выходил за вертикальные границы меню. Сейчас он вылазит и справа и слева.
     
  6. gatsby

    gatsby

    Регистрация:
    27 дек 2012
    Сообщения:
    144
    Симпатии:
    76
    Может тогда попробовать вместо
    Код:
    margin-left: -6px;
    поставить
    Код:
    margin-left: -2px;
     
  7. Ping

    Ping PingWin always win

    Регистрация:
    29 окт 2012
    Сообщения:
    445
    Симпатии:
    302
    это конечно уже ближе к тому что нужно ... ) спсб
     
  8. Rusik

    Rusik

    Регистрация:
    21 янв 2013
    Сообщения:
    166
    Симпатии:
    52
    Может как-то так? :smile:

    Код:
    #advanced_menu > ul > li {
    	border-left: 3px solid #586063;
    	float: left;
    	z-index: 20;
     
    #advanced_menu a {
    color: #FFFFFF;	display: block;	font: 16px/16px 'YanusC-Bold';
    padding: 10px;	position: relative;	
    text-decoration: none;	text-transform: uppercase; 
    transition: background 0.4s ease-in-out 0s;	z-index: 6;
     
    body #advanced_menu ul li ul {	display: none;	margin-top: 0;
    }
     
  9. Ping

    Ping PingWin always win

    Регистрация:
    29 окт 2012
    Сообщения:
    445
    Симпатии:
    302
    получилось, но border-left: 1px solid #586063; вылазит за границы меню )
    --- добавлено: 23 янв 2013 в 08:14 ---
    все разобрался .... ) ничего не вылазит и все красиво выглядит )
     
  10. Rusik

    Rusik

    Регистрация:
    21 янв 2013
    Сообщения:
    166
    Симпатии:
    52
    Почти как в оригинале. Осталось только отцентровать немножко :smile:
    P.S.
    Если не секрет, делаете для себя или кто-то захотел такой же диз как у музторга? )
     
  11. Ping

    Ping PingWin always win

    Регистрация:
    29 окт 2012
    Сообщения:
    445
    Симпатии:
    302
    секрет )))))
     
  12. SpresscodE

    SpresscodE

    Регистрация:
    2 ноя 2012
    Сообщения:
    265
    Симпатии:
    61
    Поправте в css
    <div id="logo"> left: -350px;
    <div class="phone-box"> margin-top: 12px;
    Будет намного красивее