Помогите с вёрсткой менюшки плз

MrBernz · 2009-11-17T15:25:18.0000000Z

Здравстуйте1 Ну так вроде бы и не сложно тут, но я хочу выполнить грамотное решение.. В общем у меня есть менюшка оттакая: Ну здесь как бы понятно - выделенный пункт меню и тд - стандартная задачка решаемая через задание бэкграунда, но тут цвитосек этот - если менюшку дивами делаю - обрезается, понятное дело, делаю списком (<ul><li>и тд)? собственно то же самое. Решил сделать как бы в 2 столбика - в первом сами менюшки, а во втором появляется сам цветочек.. нашёл от такое решение: <ul class='navbar'> <li src="" alt="" onmouseover="document.getElementById('flower').src='images/flw.gif';"><a href='/'>МАССАЖ ГОЛОВЫ</a></li> <li src="" alt="" onmouseover="document.getElementById('flower2').src='images/flw.gif';"><a href='/'>КЛАССИЧЕСКИЙ</a></li> <li src="" alt="" onmouseover="document.getElementById('flower3').src='images/flw.gif';"><a href='/'>ОБЩИЙ</a></li> <li src="" alt="" onmouseover="document.getElementById('flower4').src='images/flw.gif';"><a href='/'>ТОЧЕЧНЫЙ</a></li> <li src="" alt="" onmouseover="document.getElementById('flower5').src='images/flw.gif';"><a href='/'>АНТИЦЕЛЛЮЛИТНЫЙ</a></li> <li src="" alt="" onmouseover="document.getElementById('flower6').src='images/flw.gif';"><a href='/'>СПОРТИВНЫЙ</a></li> <li src="" alt="" onmouseover="document.getElementById('flower7').src='images/flw.gif';"><a href='/'>БРА-ПРОЦЕДУРЫ</a></li> <li src="" alt="" onmouseover="document.getElementById('flower8').src='images/flw.gif';"><a href='/'>ЭРОТИЧЕСКИЙ</a></li> <li src="" alt="" onmouseover="document.getElementById('flower9').src='images/flw.gif';"><a href='/'>ТАЙСКИЙ</a></li> </ul> </div> <div id='flw'> <div style='height:23px; margin:-3px 0 0 0'><img id="flower" alt="" title=""/></div> <div style='height:23px; margin:4px 0 0 0'><img id="flower2" alt="" title=""/></div> <div style='height:23px; margin:4px 0 0 0'><img id="flower3" alt="" title=""/></div> <div style='height:23px; margin:4px 0 0 0'><img id="flower4" alt="" title=""/></div> <div style='height:23px; margin:4px 0 0 0'><img id="flower5" alt="" title=""/></div> <div style='height:23px; margin:4px 0 0 0'><img id="flower6" alt="" title=""/></div> <div style='height:23px; margin:4px 0 0 0'><img id="flower7" alt="" title=""/></div> </div> воот, коряво всё конечно - пока для меня результат важен.. так вот вторая часть рисунка появляется, но не исчезает (оно и понятно - с чего бы это).. Вот так вот коряво: Подскажите пожалста ,чего подправить, дописать или переделать вовсе здесь можно?

Кофейник

18 ноября 2009, 10:23

#11

Просто IE6 принимает hover только для ссылок.

Вот это его расшевелит: http://dimox.name/simple-ie6-hover-scripts/

Кофейник добавил 18.11.2009 в 13:24

dma84:
А <span></span> тут нафиг не нужен.

CSS код смотри.

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)

[Удален]

18 ноября 2009, 11:00

#12

Кофейник:
Вот это его расшевелит: http://dimox.name/simple-ie6-hover-scripts/

пасиба, почитаю вечерком..

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

Помогите с вёрсткой менюшки плз