Вытащить название

[La mignonne]

В общем-то вопрос не новый, задавался часто, но довольно давно, может за это время кто-то нашел решение
Меню выпадающее, ширина 200px, при наведении расширяется до 800px.
Можно ли вытащить из этого блока название дневника и сделать его независимым от меню?
fixed помогает вытащить, но при наведении мышки на название все меню конечно же расширяется...

@темы: меню

Comments

[winterwolf]

А какой цсс прописан на расширение меню? Можно ли увидеть это в живую?
Пока что приходит в голову - это прописать, дополнительно для названия, чтобы меню не менялось, но я не уверен так как не знаю какой цсс, хтмл задействован.

[La mignonne]

winterwolf, код такой

#side {background: pink; height: 50px!important; overflow: hidden; width:150px!important;}
#side:hover {height: 300px!important; width:800px!important;}
#side h1 {top: 10px!important; right: 10px; position: absolute;}

нужно вживую?

это прописать, дополнительно для названия, чтобы меню не менялось

да вот пробовала у меня что-то не вышло(

[winterwolf]

Все, понял. При наведении на блок #side - на него и завязано. К сожалению вытащить никак нельзя и стили переделать сходу не получается. Можно было бы попробовать переписать ховер на соседние элементы по отношению к h1 и менять их ширину, тем самым создавая блок, но это будет зависеть от дизайна, в общем трудновато так сделать, но теоретически возможно, как уже сказал зависит от того, что мы хотим получить в итоге.

Тогда есть такой совет - взять блок, к примеру - #add_block1 - сделать его таким же как и наименование (ширина и высота) и поставить его поверх названия - тогда при наведении ховер будет работать на дополнительный блок, а не наименование.
Хотя тут есть свои минусы - нельзя будет выделить или нажать на наименование дневника.

[La mignonne]

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