Jump to content

Ник Ример

Newbie
  • Posts

    6
  • Joined

  • Last visited

Ник Ример's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. пока протестировано в Chrome и в Firefox последних версий, там работает.
  2. действительно! всё работает! спасибо! для достижения моей цели оказалось достаточно поменять здесь: /*было*/ul.menu li a:hover/*стало*/ul.menu li:hover
  3. Доброго времени суток всем! Есть горизонтальное меню с выпадающими списками подменю. Выпадает всё здорово, но подсвечивается несколько не так, как хотелось бы. Чего хочу, и что не получилось: когда наводится мышь на пункт меню - всё здорово, пункт подсвечивается оранжевым, меню выпадает, но после того, как мышь уходит с основного пункта меню и начинает "гулять" по подменю, подсветка с основного пункта меню пропадает, а должна оставаться. когда на ней hover - она загорается, hover пропал - пропала подсветка. как заставить светиться этот пункт, пока я шарю мышкой в пределах его подменю? пример в картинках вот так оно есть сейчас: вот так надо (монтаж): вот кусок кода элемента меню, из которого выпадает подменю: <ul class="menu"> /*top menu*/ <li class="item-101 current active deeper parent"> <a href="/" >О компании</a> /*drop-down menu*/ <ul> <li class="item-114"> <a href="/home/history" >История компании</a> </li> <li class="item-115"> <a href="/home/partners" >Наши партнёры</a> </li> <li class="item-116"> <a href="/home/suppliers" >Наши поставщики</a> </li> </ul> </li></ul>вот стиль для меню: ul.menu { margin: 0; padding: 0; width: 100%; height: 100%; text-align: justify;}ul.menu li { float: left; list-style: none; position: relative; display: inline-block;}ul.menu li.active { background-color: #f93; text-shadow: 1px -1px 0px #000;}ul.menu li a { color: #fff; display: block; padding: 8px 12px 10px; text-decoration: none;}ul.menu li a:hover { background-color: #f93; text-shadow: 1px -1px 0px #000;}/* drop-down menu */ul.menu li ul { display: none;}ul.menu li:hover ul { display: block; position: absolute; top: 38px; background-color: #f93; z-index: 1000;}ul.menu li:hover ul li { float: none; width: 330px; border-bottom: 1px solid #ff9; text-shadow: 1px -1px 0px #000;}ul.menu li ul li a:hover { background-color: #ff3;}подскажите, что сделать или что изменить, чтобы получилось задуманное, а то уже идеи кончились.. если по поводу моего кода есть куча замечаний, то не стесняйтесь делать замечания, учту!
  4. Sensei, спасибо за статистику! Задумаюсь.. darknebel, спасибо, обязательно посмотрю!
  5. я где-то всё же выцепил статистику, что (вроде как!) ie6 по-прежнему имеет наибольший процент пользования.. просто я делаю сайт для приличной конторы, и если кто-то с верхов такой косяк впоследствии заметит, я буду выглядеть, мягко говоря, неловко, когда буду оправдываться, глядя в пол.. эх.. есть варианты исправить этот недочёт? или лучше поверить, что ie6 реально мёртв, и я ошибаюсь насчёт частоты его использования, и надо всё проверять на других ie-браузерах? с какой версии? надеюсь на компетентный ответ, спасибо.
  6. Доброго времени суток, господа верстальщики, дизайнеры и все-все-все! Помогите, пожалуйста, разобраться, где может крыться проблема с гадким браузером IE6, на который извечно приходится натягивать тройной презерватив. Работаю с CMS Joomla, это мой не первый сайт, но ошибка подобного рода наблюдается мной впервые. Шаблон делаю сам с нуля. Никаких артистиров, никаких генераторов CSS и прочих "говнокодогенераторов", всё вручную в Notepad++ Однако, опыт ещё не столь велик, чтобы чувствовать себя хотя бы продвинутым, не то что гуру Вот так всё должно выглядеть (так это выглядит в браузерах Google Chrome и Mozilla Firefox): А так это выглядит в IE6: Хорошо заметна синяя полоса размером 4 пикселя под header-ом и над div-ом с колонками. Почему она там появляется? Как от неё избавиться? Синий цвет находится в коде background-color у самого хедера, т.о. хедер почему-то вытянут по вертикали на 4 пикселя больше положенного. Хедер имеет заполняемый с repeat-x фон, у которого нижний пиксель красного цвета (хорошо видна красная полоска; сделал, чтобы видеть чётко нижнюю границу). Высота фона, картинки и самого хедера совпадают и имеют размер 61px Я поизвращался, двумя путями (по раздельности, не одновременно!) сделал так, чтобы в IE6 всё отображалось, как надо: 1) в стиле хедера прописал свойство margin-bottom: -4px; 2) в теге <img> там, где ставится картинка, принудительно поставил высоту не 61px, а 57px В этих случаях в IE6 всё становилось "ёлочкой", т.е. как надо. Но во всех остальных браузерах в первом случае хедер уменьшался на 4 пикселя, соответственно обрезались картинка и фон, а во втором при нормальном размере хедера картинка получалась сжата по вертикали и приподнята над нижним краем на 4 пикселя, что тоже есть не айс. Как обычно, хочется, чтобы везде по-максимуму работало, а на таких простыв, вроде, вещах уже косяки.. Если кто с таким сталкивался, пожалуйста, помогите. Работоспособность шаблона пока проверялась только на трёх браузерах: Chrome и Firefox последних версий, и базовый для WinXP - Internet Explorer 6 (CURSE MICROSOFT!!! ). Читал ещё вот такую статью: http://dimox.name/10-fixes-for-ie6/ Ничего не знаю про компетенцию автора, но попробовать стоило. Конкретно из того, что там написано, воспользовался тем, что приписал display: inline; во все блоки, в которых установлен параметр float. Так как нижеидущие столбцы у меня именно такие, я туда и нафигачил. Но ничего не заработало, а смысл самого этого кода (display: inline;) мне малопонятен.. P.S. Если потребуется ещё какая-то информация, типа кодов, всё любезно предоставлю, секретов у меня нет. Может узнаю заодно, где у меня какие огрехи. Хотя я там ещё не успел много наворотить, это фактически только первичная разметка.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy