Как изменить ширину выпадающего меню ?

Тема в разделе "Веб-дизайн", создана пользователем Kle, 7 ноя 2010.

Модераторы: zek24
  1. Kle

    Kle Создатель

    Регистр.:
    20 апр 2010
    Сообщения:
    42
    Симпатии:
    16
    Вот ссылка
    http://www.planeta-fish.ru/the-news
    В верхнем меню при наведении на "новости" выпадает ниже, красивенько так, "обо всем". Так вот ширина слишком большая, отловить где это чудо меняется не смог.
    Если кто может подсказать как сделать так чтобы ширина этой всплывающей менюшки, была точно такая же как и верхняя.
    Спасибо.
     
  2. collapse

    collapse

    Регистр.:
    12 янв 2007
    Сообщения:
    204
    Симпатии:
    62
    все здесь - ja-sosdmenu.css, (строки 41 и еще где-то), смотри ширину, она в em'ах там, методом тыка найдешь, какие именно строки еще отвечают за выпадающие разделы.
     
  3. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.126
    Симпатии:
    668
    в трех местах надо поменять ширину
    ja-sosdmenu.css (строка 41)
    ja-sosdmenu.css (строка 54)
    ja-sosdmenu.css (строка 60)

    возможно где-то еще
     
  4. Kle

    Kle Создатель

    Регистр.:
    20 апр 2010
    Сообщения:
    42
    Симпатии:
    16
    Что на что менять, пробую менять left auto на -999em
    пока что без результата.

    На всякий случай тут css

    P.S. Что мне подсказывает что тут надо систему менять вообще, менюшка имеет авто ширину.
     

    Вложения:

    • css.rar
      Размер файла:
      4,4 КБ
      Просмотров:
      3
  5. Kle

    Kle Создатель

    Регистр.:
    20 апр 2010
    Сообщения:
    42
    Симпатии:
    16
    Я уже перетыкал все что можно, размер ну ни как не меняется, я приложил файлы, может помогут разобратся ???
    Заранее спасибо
     
  6. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.126
    Симпатии:
    668
    тебе надо менять ширину, а не позиционирование (width)
     
    Kle нравится это.
  7. Kle

    Kle Создатель

    Регистр.:
    20 апр 2010
    Сообщения:
    42
    Симпатии:
    16
    Там какая то засада, я все перепробовал, даже и не знаю что еще менять.
    Все em менял, бестолку.
     
  8. collapse

    collapse

    Регистр.:
    12 янв 2007
    Сообщения:
    204
    Симпатии:
    62
    значит - не то пробовал:)
    в 41 строке - width: 16.4em; меняешь цифру на другое значение (меньшее)
    так же поступаешь в остальных, указанных выше строках в этом же файле. все стили для меню - в нем (ja-sosdmenu). можешь заменить em на px, если так роще будет :)
     
    Kle нравится это.
  9. Kle

    Kle Создатель

    Регистр.:
    20 апр 2010
    Сообщения:
    42
    Симпатии:
    16
    #ja-cssmenu li ul {
    width: 16.4em;
    position: absolute;
    z-index: 99;
    left: -999em;
    height: auto;
    w\idth: 8em;

    поменял на

    #ja-cssmenu li ul {
    width: 16.4em;
    position: absolute;
    z-index: 99;
    left: -999em;
    height: auto;
    width: 8em;

    теперь при наведении выползает как надо, но при наведении курсора на выпавшее меню опять не как надо.
    Но уже хоть чтото
     
  10. collapse

    collapse

    Регистр.:
    12 янв 2007
    Сообщения:
    204
    Симпатии:
    62
    жирным - у тебя ширина дважды задана, оставь нижнюю.
    кроме ja-cssmenu li ul (41 строка), смени ширину в стилях в строках 54 и 60, как писал mdss.
    то есть у тебя сейчас изменен стиль самого пункта, а надо еще поменять для него же hover и, вероятно, active (я не смотрел таблицу стилей, но в этом дело точно).