Выпадающее меню @тем

[Astrom]

Настало время задать вопрос мне



собственно битый час пытаюсь настроить так, что при наведение на слово "Темы записей" (#tagslistlink) это хренюшка-менюшка открывалась сама без щелчка.



юзал примерно такой код {display:block !important;visibility:visible !important}



пробовал и для #tagslistlink:hover, и для #tagslistlink a:hover, и для #tagslistlink li:hover.

бестолку.



если такой вопрос уже был (что по-моему вряд ли), то извините.



ха! пока писал пост, в голову пришла идея и надо же - получилось!! конечно не очень удобно, тк. приходиться наводить на пустое пространство, но все же :-)



#TagsList{height:0px;max-height:0px;overflow:hidden;overflow-y:hidden;display:block !important;visibility:visible !important;}

#TagsList:hover {height:470px;max-height:470px;overflow:visible;overflow-y:visible;}

Comments

[Сабико]

а я придумала вот так!



#TagsList{background: url('/userdir/1/1/6/8/11683/19734379.gif') 50% 0 no-repeat; padding-top:15px; position:relative !important; bottom:15px; display:block !important; visibility:visible !important; height:0px; overflow:hidden !important; margin:0 !important;}

#TagsList:hover{height:100%}



что за картинка: любая однопиксельная под цвет фона. Без неё, при абсолютной прозрачности при наведении на "темы записей" почему-то будем переключиться на этот блок х_____х

брет. ><



где работает: Опера 9.1, Лиса 2, Сафари 3 +__+

надо ещё написать исправления для эксплорера, а то в нём щас вообще никак не пахает ^^



жуткие недостатки:

- эта ерунда с фоном и прозрачностью. Давайте думать дальше, мне пока ничего не придумывается.

- дыра внизу (за счёт переноса через относительную позицию)

- список вываливается при наведении на всю строку, а не только на слово "темы записей".



посмотреть, на что это похоже и чем лучше вашего - можно на моём дневнике. я пока оставлю.

[Astrom]

#TagsList {text-align:left;height:0px;max-height:0px;overflow:hidden;overflow-y:hidden;display:block !important;visibility:visible !important;}

#TagsList:hover {height:470px;max-height:470px;overflow:visible;overflow-y:visible;background:url('/userdir/4/1/3/6/41363/18648858.jpg') no-repeat 50% 50%;margin-left:10px;}



подккоректировал

так стало намного симпатичнее. нету полоски фона.

вообщем, по-моему идеальный вариант... )

а по-поводу дыри, можно же с помощью позиционирования?

[Astrom]

список вываливается при наведении на всю строку, а не только на слово "темы записей".



дописать



#TagsList {width:50px;}

#TagsList:hover {width:auto;}

[Сабико]

эээй, ты свой что ли корректировал? срочно смотреть и прбовать мой, он лучше%)



дописать

ну так ты мог бы заметить, что это я уже давно приписала, просто не стала новым постом сувать)

[Astrom]

Сабико мне тво нра ) правда )) просто мне мой удобнее, для меня ))



мне просто крестик не нравицца (

[Сабико]

Ну так блин! Я крестик сунула, потому что был) я же сказала однопиксельный - под цвет фона. он не будет мешать%)

К тому же наверняка можно как-то от него избавиться, просто мне не придумывается. давай думать вместе.

Зато вываливается при наведении на слово, как положено)

[Astrom]

Сабико , у меня работает )

[Astrom]

кароче в пень этот код)

был бы в мир один браузер, сделал бы по нормальному.

[Сабико]

а чё так? просто прописать всё с импортантами, и потом для эксплорера поправить.

у тебя щас, кстати, ни в опере, ни в лисе не пашет.

[Astrom]

Сабико , у меня ни того ни другого нет ) я код удалил...

просто СЕЙЧАС лень ) обычно вдохновление приходит ближе к часу ночи.

[Сабико]

ок, бум ждать)

мне это просто правда интересно) а у меня идеи закончились)

[Трубчатый Кот]

а я знаю как сделать hover для блока в эксплорере, но никому не скажу, потому что снова придут админы и закроют дыру - подожду пока просьбу с htc выполнят.

[Astrom]

Рёцке , а на мыло?)

[Сабико]

Рёцке, а они там как вообще, совсем молчат?

они хоть всю эту петицию видели?