TMGLUK

А если z-index большой поставить выпадающему меню или той же (позиционированной) ссылке, которая над видео??

А по простому не работает? <a href=""><video...</video></a>

<ul> <li> <h3>Рубрики</h3> <ul> <li><a href="#>Название</a></li> <li><a href="#>Название</a></li> <li><a href="#>Название</a></li> </ul> </li> <li> <h3>Уроки</h3> <ul> <li><a href="#>Название</a></li> <li><a href="#>Название</a></li> <li><a href="#>Название</a></li> </ul> </li> <li> <h3>Популярное</h3> <ul> <li><a href="#>Название</a></li> <li><a href="#>Название</a></li> <li><a href="#>Название</a></li> </ul> </li> </ul> Далее с помощью CSS и немного Javascript (для обработки клика и смены класса). Функция регистрации сайдбара Wordpress: register_sidebar(array( 'name' => 'Sidetabs', 'before_title' => '<h3>', 'after_title' => '</h3>', 'before_widget' => '<li>', 'after_widget' => '</li>' )); Как-то так.

Разыскивается программа, которая встраивает страницу(HTML,CSS,Javascript) в окошко без интерфейса и позволяет перемещаться по ссылкам. Т.е. нужно, что бы локальный сайт (локальные страницы html) открывался в окошке определённых размеров, но не было заметно, что он открывается в браузере. Т.е. как обычная программа. Я знаю есть возможность встраивания движка IE, Gecko, Webkit и должны быть программы, предоставляющие такую функциональность. Или хотя бы возможность запуска браузера с параметрами, отключающими его интерфейс.

Спасибо rediskavet. Перемещение border'а вниз помогло. Кстати я попробовал заменить верхний border на фоновую картинку, но даже она просвечивается. Отступы, которые появлялись при наводке на пункт были вызваны абсолютным позиционированием. Заменив его на относительное, получилось их избежать. Ссылка становится выше пункта и наезжает на соседний, что в этом случае аналогично position:absolute;. Вот что вышло: http://atm-book.ru/test/1/new/ Код HTML: <ul class="main_menu"> <li><a href="#">Новости</a></li> <li><a href="#">Новости</a></li> <li class="last"><a href="#">Новости</a></li> </ul> Код CSS: ul.main_menu { width:162px; margin:0 auto; line-height:30px; } ul.main_menu>li { height:30px; border-bottom:1px solid #d8dadc; } ul.main_menu>li.last { border-bottom:none; } ul.main_menu>li>a { display:block; height:30px; width:100%; padding-left:32px; color:#5b646c; background:url(images/menu.png) 5px 9px no-repeat; text-decoration:none; font-weight:bold; white-space:pre; overflow:hidden; } ul.main_menu>li:hover>a { position:relative;top:-1px;z-index:1; height:37px; color:#fff; background:url(images/menua.png) no-repeat; }

Здравствуйте. Есть непростое меню, где элементы при наводке увеличиваются, занимая часть пространства соседнего элемента. Вот оно: http://atm-book.ru/test/1/ Сделано это с помощью абсолютного позиционирования. Проблема в том, что в IE7 появляется нижний отступ при наводке на элемент и видна верхняя рамка нижнего элемента, не смотря на то, что z-index'ом однозначно указано, что элемент при наводке находится выше остальных. Естественно, что во всех нормальных браузерах всё работает как надо. Код HTML: <ul class="main_menu"> <li><a href="#">Новости</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Новости</a></li> </ul> Код CSS: ul.main_menu { width:162px; margin:0 auto; line-height:30px; } ul.main_menu>li { position:relative; height:30px; border-top:1px solid #d8dadc; } ul.main_menu>li:first-child, ul.main_menu>li:hover { border-top:none; padding-top:1px; } ul.main_menu>li>a { display:block; height:30px; width:100%; padding-left:32px; color:#5b646c; background:url(images/menu.png) 5px 9px no-repeat; text-decoration:none; font-weight:bold; white-space:pre; overflow:hidden; } ul.main_menu>li:hover>a { position:absolute;top:0px;left:0;z-index:1; height:37px; color:#fff; background:url(images/menua.png) no-repeat; } Многое перепробовал, но так и не понял ни что вызывает появление отступа, ни что заставляет появляться границу сквозь верхний элемент (ну это наверное баг IE и границу можно вставить как картинку в крайнем случае). Помогите пожалуйста.

Под Linux только один нормальный редактор: Geany. Есть плагины для HTML/CSS.