Joomla 1.5 Как зафиксировать высоту :(

Тема в разделе "Программирование", создана пользователем Dorianissimo, 21.02.2012.

  1. Dorianissimo
    Offline

    Dorianissimo Недавно здесь

    Регистрация:
    15.02.2011
    Сообщения:
    17
    Симпатии:
    1
    Пол:
    Мужской
    [​IMG]

    Вопрос, возможно глупый, но...

    Вот какая проблема!
    Когда добавляю в главное меню сайта (позиция header) какой нибудь модуль, высота меню меняется (как в картинке). Не подскажите как посредством CSS или как нибудь еще зафиксировать высоту... :[
     
    Последнее редактирование: 21.02.2012
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    CSS module_cff {height:нужное значение высоты;}
     
  4. Dorianissimo
    Offline

    Dorianissimo Недавно здесь

    Регистрация:
    15.02.2011
    Сообщения:
    17
    Симпатии:
    1
    Пол:
    Мужской
    Вот что у меня вышло

    [​IMG]

    Я немножко покопался в CSS и вот что вышло. Какая-то линия под меню, и вертикальные разделители длиннее, чем надо :( Вот CSS этого меню, если не трудно, посмотрите... :(

    Код (html):
    1. /* Global */
    2. #rt-header .menutop {z-index:1; height:35px}
    3. .menutop li {height: auto;margin: 0;padding: 0;position: relative;list-style: none;}
    4. .menutop em {font-size: 80%;font-weight: normal;display: block;font-style: normal;}
    5. .menutop li .item, .menutop li.active .item {display: block;margin: 0;text-decoration: none;float: none;width: auto;}
    6. .menutop li .fusion-submenu-wrapper {float: none;left: -999em;position: absolute;z-index: 500;}
    7. .menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em;}
    8. .menutop li:hover ul, .menutop li.sfHover ul {top: 0;}
    9.  
    10. /* Root Items */
    11. .menutop {list-style: none;padding: 0 0 0 2px;margin: 0;position: relative;line-height: 1em;display: inline-block;}
    12. .menutop li.root {float: left;margin: 0;padding: 0;}
    13. .menutop li.root > .item {white-space: nowrap;display: block;font-size: 13px;z-index: 100;cursor: pointer;position: relative;padding: 5px 5px 0 5px;margin: 0 1px 0 -2px;outline: none;font-weight: normal;height: 35px;line-height: 24px;}
    14. .menutop li > .item:hover, .menutop li.root.f-mainparent-itemfocus > .item {text-shadow: none !important;}
    15. .menutop li.root > span.item {cursor: default;}
    16. .menutop li.root .subtext {line-height: 16px;}
    17. .menutop li.root > .item span {display: block;outline: none;padding: 0 1px;width: auto;border-radius: 4px;transition: background 0.2s ease-out;}
    18. .menutop li.root > .item em {font-size: 13px;display: block;font-style: normal;line-height: 100%;text-align: left;text-transform: lowercase;letter-spacing: normal;}
    19. .menutop li.parent.root .item span .daddyicon, .menutop li.root .daddy.item .daddyicon {width: 12px;height: 12px;position: absolute;right: 9px;top: 10px;padding: 0;background-position: 100% 0;background-repeat: no-repeat;box-shadow: none;}
    20. .menutop li.root > .daddy span {padding-right: 22px;}
    21. .menutop li.root > .item img {margin: 10px 10px 10px -5px;}
    22. .menutop li.root > .f-submenu-pad {padding: 0;}
    23. .menutop li.root > .image {background: none;}
    24.  
    25. /* Dropdown Surrounds */
    26. .menutop .f-submenu-pad {padding: 0 6px;}
    27. .menutop ul {padding: 1;margin: 1;float: left;}
    28. .menutop .drop-bot {height: 1px;overflow: hidden;clear: both;}
    29. .menutop .fusion-submenu-wrapper {height: auto !important;padding: 0;border-radius: 5px;}
    30. .menutop .fusion-submenu-wrapper.level2 {border-radius: 0 5px 5px 5px;}
    31. .menutop .fusion-submenu-wrapper ul {padding: 1px 0;border-radius: 8px;}
    32. .menutop .fusion-submenu-wrapper ul li:first-child {border: none;}
    33. .menutop .fusion-submenu-wrapper.level2 ul {border-radius: 1;}
    34.  
    35. /* Dropdown Items */
    36. .menutop ul li {display: block;}
    37. .menutop ul li > .item {padding: 8px;height: auto;display: block;font-size: 13px;line-height: 14px;font-weight: normal;}
    38. .menutop ul li:first-child, .menutop ul li:first-child .item {border-top: 1px solid transparent;}
    39. .menutop ul li > .item:hover span, .menutop ul li.active > .item span, .menutop ul li.f-menuparent-itemfocus > .item span {margin: 0;}
    40. .menutop li > .bullet {padding-left: 10px;}
    41. .menutop li .item img {float: left;margin: 0px 6px 0px 0;vertical-align: top;}
    42. .menutop li > .item span {display: block;width: auto;}
    43. .menutop ul li .nolink span {display: block;}
    44. .menutop li a.item {cursor: pointer;}
    45. .menutop li span.item {cursor: default;outline: none;}
    46. .menutop ul li .subtext em {line-height: 14px;}
    47. .menutop ul li > .fusion-modules.item:hover {background: none;}
    48. .menutop ul .readon span {width: auto;}
    49. .menutop ul li > .daddy span {background-position: 100% -342px;background-repeat: no-repeat;}
    50. .menutop li > .item {transition: background 0.1s ease-out;}
    51. .menutop ul li > .item, .menutop li.f-menuparent-itemfocus > .item {transition: background 0.2s linear;}
    52.  
    53. /* No JS */
    54. .menutop li.root:hover > .fusion-submenu-wrapper {top: 45px;left: 3px;}
    55. .menutop ul li:hover > .fusion-submenu-wrapper {left: 180px;top: -5px;}
    56. #rt-top-surround .fusion-submenu-wrapper ul li > .item {text-shadow: none;}
    57.  
    58. /* Fusion JS */
    59. .fusion-js-container {display: block;height: 0;left: 0;overflow: visible;position: absolute;top: 0;z-index: 600000!important;background: transparent !important;}
    60. .fusion-js-subs {display: none;margin: 0;overflow: hidden;padding: 0;position: absolute;}
    61.  
    62. /* Grouped & Modules */
    63. .fusion-grouped {padding-bottom: 10px;}
    64. .fusion-grouped ol {padding: 0 10px;}
    65. .menutop .fusion-grouped ol li .item {padding: 4px 14px 4px 6px;}
    66. .fusion-grouped ol li span {font-size: 11px;padding-left: 5px;}
    67. .menutop .fusion-grouped ol li {margin-left: 0;padding: 0;background-image: none;}
    68. .menutop .type-module ol {padding: 0;background-image: none;}
    69. .menutop .type-module ol li {padding: 0;}
    70. .menutop .type-module ol li .fusion-modules {background: none;}
    71. .menutop .type-module ol li .fusion-module {padding: 0;background: none;overflow: hidden;}
    72. .menutop .fusion-module, .menutop .fusion-modules, .menutop .fusion-grouped {display: block;}
    73. .menutop .fusion-module em {display: inline;font-size: inherit;font-style: italic;}
    74. .menutop .fusion-module a {font-size: inherit;line-height: 130%;}
    75. .menutop .fusion-module p {line-height: 160%;}
    76. .menutop ul li.grouped-parent > .daddy span {background: none;}
    77. .fusion-module.module-padding {padding: 10px;}
     
  5. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 813
    Симпатии:
    771
    Пол:
    Мужской
    модуль какой ? Я советую назначить суффикс к стилю модуля,а не править свойства разметки блока горизонтального меню.
     
  6. Dorianissimo
    Offline

    Dorianissimo Недавно здесь

    Регистрация:
    15.02.2011
    Сообщения:
    17
    Симпатии:
    1
    Пол:
    Мужской
    Дело в том, что я уже поправил меню и модуль зафиксировался... (был модуль переключения языков JoomFish).
    Но теперь вот с меню что-то не так. Не знаю какая часть кода отвечает за эту тень или как ее там :(
     

Поделиться этой страницей

Загрузка...