Вопрос, возможно глупый, но... Вот какая проблема! Когда добавляю в главное меню сайта (позиция header) какой нибудь модуль, высота меню меняется (как в картинке). Не подскажите как посредством CSS или как нибудь еще зафиксировать высоту...
Вот что у меня вышло Я немножко покопался в CSS и вот что вышло. Какая-то линия под меню, и вертикальные разделители длиннее, чем надо Вот CSS этого меню, если не трудно, посмотрите... Код (html): /* Global */ #rt-header .menutop {z-index:1; height:35px} .menutop li {height: auto;margin: 0;padding: 0;position: relative;list-style: none;} .menutop em {font-size: 80%;font-weight: normal;display: block;font-style: normal;} .menutop li .item, .menutop li.active .item {display: block;margin: 0;text-decoration: none;float: none;width: auto;} .menutop li .fusion-submenu-wrapper {float: none;left: -999em;position: absolute;z-index: 500;} .menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em;} .menutop li:hover ul, .menutop li.sfHover ul {top: 0;} /* Root Items */ .menutop {list-style: none;padding: 0 0 0 2px;margin: 0;position: relative;line-height: 1em;display: inline-block;} .menutop li.root {float: left;margin: 0;padding: 0;} .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;} .menutop li > .item:hover, .menutop li.root.f-mainparent-itemfocus > .item {text-shadow: none !important;} .menutop li.root > span.item {cursor: default;} .menutop li.root .subtext {line-height: 16px;} .menutop li.root > .item span {display: block;outline: none;padding: 0 1px;width: auto;border-radius: 4px;transition: background 0.2s ease-out;} .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;} .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;} .menutop li.root > .daddy span {padding-right: 22px;} .menutop li.root > .item img {margin: 10px 10px 10px -5px;} .menutop li.root > .f-submenu-pad {padding: 0;} .menutop li.root > .image {background: none;} /* Dropdown Surrounds */ .menutop .f-submenu-pad {padding: 0 6px;} .menutop ul {padding: 1;margin: 1;float: left;} .menutop .drop-bot {height: 1px;overflow: hidden;clear: both;} .menutop .fusion-submenu-wrapper {height: auto !important;padding: 0;border-radius: 5px;} .menutop .fusion-submenu-wrapper.level2 {border-radius: 0 5px 5px 5px;} .menutop .fusion-submenu-wrapper ul {padding: 1px 0;border-radius: 8px;} .menutop .fusion-submenu-wrapper ul li:first-child {border: none;} .menutop .fusion-submenu-wrapper.level2 ul {border-radius: 1;} /* Dropdown Items */ .menutop ul li {display: block;} .menutop ul li > .item {padding: 8px;height: auto;display: block;font-size: 13px;line-height: 14px;font-weight: normal;} .menutop ul li:first-child, .menutop ul li:first-child .item {border-top: 1px solid transparent;} .menutop ul li > .item:hover span, .menutop ul li.active > .item span, .menutop ul li.f-menuparent-itemfocus > .item span {margin: 0;} .menutop li > .bullet {padding-left: 10px;} .menutop li .item img {float: left;margin: 0px 6px 0px 0;vertical-align: top;} .menutop li > .item span {display: block;width: auto;} .menutop ul li .nolink span {display: block;} .menutop li a.item {cursor: pointer;} .menutop li span.item {cursor: default;outline: none;} .menutop ul li .subtext em {line-height: 14px;} .menutop ul li > .fusion-modules.item:hover {background: none;} .menutop ul .readon span {width: auto;} .menutop ul li > .daddy span {background-position: 100% -342px;background-repeat: no-repeat;} .menutop li > .item {transition: background 0.1s ease-out;} .menutop ul li > .item, .menutop li.f-menuparent-itemfocus > .item {transition: background 0.2s linear;} /* No JS */ .menutop li.root:hover > .fusion-submenu-wrapper {top: 45px;left: 3px;} .menutop ul li:hover > .fusion-submenu-wrapper {left: 180px;top: -5px;} #rt-top-surround .fusion-submenu-wrapper ul li > .item {text-shadow: none;} /* Fusion JS */ .fusion-js-container {display: block;height: 0;left: 0;overflow: visible;position: absolute;top: 0;z-index: 600000!important;background: transparent !important;} .fusion-js-subs {display: none;margin: 0;overflow: hidden;padding: 0;position: absolute;} /* Grouped & Modules */ .fusion-grouped {padding-bottom: 10px;} .fusion-grouped ol {padding: 0 10px;} .menutop .fusion-grouped ol li .item {padding: 4px 14px 4px 6px;} .fusion-grouped ol li span {font-size: 11px;padding-left: 5px;} .menutop .fusion-grouped ol li {margin-left: 0;padding: 0;background-image: none;} .menutop .type-module ol {padding: 0;background-image: none;} .menutop .type-module ol li {padding: 0;} .menutop .type-module ol li .fusion-modules {background: none;} .menutop .type-module ol li .fusion-module {padding: 0;background: none;overflow: hidden;} .menutop .fusion-module, .menutop .fusion-modules, .menutop .fusion-grouped {display: block;} .menutop .fusion-module em {display: inline;font-size: inherit;font-style: italic;} .menutop .fusion-module a {font-size: inherit;line-height: 130%;} .menutop .fusion-module p {line-height: 160%;} .menutop ul li.grouped-parent > .daddy span {background: none;} .fusion-module.module-padding {padding: 10px;}
модуль какой ? Я советую назначить суффикс к стилю модуля,а не править свойства разметки блока горизонтального меню.
Дело в том, что я уже поправил меню и модуль зафиксировался... (был модуль переключения языков JoomFish). Но теперь вот с меню что-то не так. Не знаю какая часть кода отвечает за эту тень или как ее там