Нужна помощь, некорректно отображается меню на css и jquery

Тема в разделе "Верстка", создана пользователем gaffarov, 17 ноя 2011.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. gaffarov

    gaffarov Постоялец

    Регистр.:
    16 апр 2009
    Сообщения:
    69
    Симпатии:
    5
    Вот тестовая страница: www.adzedan.com/comment2.php
    Слева вертикальное выпадающее меню на css и jquery.
    В хроме 15-ом, при раскрывании поочередно пунктов меню стрелочки слева от пунктов смещаются, помогите установить причину и решить эту проблемку.
    В IE вообще некорректно отображается!
     
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.126
    Симпатии:
    668
    HTML:
    .glossymenu a.menuitem{
    background: black url(glossyback.gif) repeat-x bottom left;
    заменить на
    HTML:
    .glossymenu a.menuitem{
    background: black url(glossyback.gif) repeat-x center left;
    inc/ddaccordion/ddaccordion.css
     
  3. gaffarov

    gaffarov Постоялец

    Регистр.:
    16 апр 2009
    Сообщения:
    69
    Симпатии:
    5
    Ошибки как были, так и есть... Может на что то и повлияло, но я особых перемен не заметил...
     
  4. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    744
    Симпатии:
    73
    в стилях ddaccordion.css оставьте один padding
    вместо:
    PHP:
    .glossymenu a.menuitem{
    padding4px 0;
    padding-left20px;}
    вот такой:
    PHP:
    .glossymenu a.menuitem{
    padding4px 0px 4px 20px;
    }
     
    gaffarov нравится это.
  5. gaffarov

    gaffarov Постоялец

    Регистр.:
    16 апр 2009
    Сообщения:
    69
    Симпатии:
    5
    Вот так было:
    .glossymenu a.menuitem{
    width: auto;
    padding: 4px 0;
    padding-left: 20px;
    }
    Вот так исправил:
    .glossymenu a.menuitem{
    width: 172;
    padding: 4px 0 4px 20px;
    }
    Осталось подправить высоту раскрывающихся списков (подменю)
     
  6. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    добавь
    line-height:25px;

    здесь
    /inc/ddaccordion/ddaccordion.css

    .glossymenu div.submenu ul li a {line-height:25px;}
     
  7. gaffarov

    gaffarov Постоялец

    Регистр.:
    16 апр 2009
    Сообщения:
    69
    Симпатии:
    5
    в IE как было так и есть... :(
     
  8. gaffarov

    gaffarov Постоялец

    Регистр.:
    16 апр 2009
    Сообщения:
    69
    Симпатии:
    5
    Решил проблему таким образом:
    просто проставил div'ы в каждом теге <li> ))))
    после этого в IE осталась проблема неполного отображения фона меню, решилоаь именнл свойством line-height
    Всем спасибо, вопрос исчерпан!
     
  9. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    744
    Симпатии:
    73
    Странно что моё не помогло, или не пробовали?
    Просто действие margin должно быть одно, а не как у Вас.
     
    gaffarov нравится это.
  10. gaffarov

    gaffarov Постоялец

    Регистр.:
    16 апр 2009
    Сообщения:
    69
    Симпатии:
    5
    помогло частично, спасибо!!! Ещё меню неверно отображалось из-за ширины, при чем когда подгоняешь под все браузеры кроме IE работает нормально, но в IE некорректно, пришлось написать следующее:
    <!--[if IE]>
    <style type="text/css">
    .glossymenu a.menuitem{
    width: 172px ;
    }
    </style>
    <![endif]-->
    <!--[if !IE]>
    <style type="text/css">
    .glossymenu a.menuitem{
    width: 153px ;
    }
    </style>
    <![endif]-->

    )))))))))