Комментарии к статье «Кросс-браузерное одноуровневое вертикальное меню без JavaScript» (32) »
Пожалуйста, не используйте эту форму для комментирования! Данная форма предназначена исключительно для ботов.
Оставить комментарий к записи «Кросс-браузерное одноуровневое вертикальное меню без JavaScript»
गते गते पारगते पारसंगते बोधि स्वाहा
Меня зовут Владимир, я программист-фрилансер, специализирующийся на Web-программировании и програмировании под Linux.
По совместительству занимаюсь администрированием LAMP/LNMP-серверов и техническим переводом.
[...] Ars Longa, Vita Brevis Март 23, 2008 « Кросс-браузерное одноуровневое вертикальное меню без … [...]
[...] тэг <object> (нечто подобное было сделано в статье “Кросс-браузерное одноуровневое вертикальное меню без JavaScript”) <!–[if gt IE 8]><!–> <object [...]
[...] браузерам (об этом можно прочитать в статье “Кросс-браузерное одноуровневое вертикальное меню без …”), поэтому я сразу привожу разметку, которая подойдёт [...]
спасибо, в закладки
хмм, или кнопка закладок работает не так как я ожидал (никогда ее не использовал), или она просто не работает
ни урл, ни тайтл, ни описание не передаются по кнопке
bersy, честно говоря, я тоже никогда этой кнопкой не пользовался и, как следствие, не обращал внимание.
Я поправил код плагина, теперь вроде как работает (хотя странно, я использовал тот же код, что и все остальные). Приношу извинения за неудобства.
да, теперь порядок
раньше пользовался пару раз только addthis.com, там все было ОК, правдо наверное это для рунета не очень удобно
еще мои куки не запомнились, нужно заново вводить ник и мэил, мне в общем не трудно, но не все такие терпеливые
Bersy, а Вы зарегистрируйтесь
Тогда система вас запомнит.
В любом случае, я поищу плагины, позволяющие запоминать информацию, введённую пользователем.
Здравствуйте.
Я решил передрать Ваше меню и исследовать его попутно, но у меня ничего не выходит(( Особенно в IE6
Вот код который я наодил/передрал из вашей статьи:
height: 2em;
}
#menu, #menu ul, #menu ul li {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
#menu li {
float: left;
height: 2em;
line-height: 2em;
position: relative;
}
#menu li a {
display: block;
border: 1px solid red;
vertical-align: middle;
padding: 0 .5em;
}
#menu li ul {
display: none;
position: absolute;
top: 2em;
left: 0;
margin: 1px 0 0 0;
padding: 0;
background: #FFF;
width: 100px;
}
#menu li:hover ul {
display: block;
}
#menu li ul li {
float: none;
width: 100%;
}
#menu li ul li a {
border: 1px solid red;
vertical-align: middle;
padding: 0 .5em;
}
#menu > li + li {
margin-left: -1px;
}
#menu li ul li + li {
margin-top: -1px;
}
#menu li a {
outline: 0;
text-decoration: none;
}
#menu li:hover a, #menu li a:hover a {
background: #EEE;
}
#menu li li a, #menu li:hover li a, #menu li a:hover li a {
background: #FFF;
}
#menu li ul li:hover a, #menu li ul li a:hover {
background: #EAFBFC;
}
* html #menu li ul {
display: block;
}
* html #menu li a:hover {
position: static;
}
* html #menu li a:hover table {
display: block;
}
* html #menu table {
position: absolute;
border-collapse: collapse;
top: 0;
left: -1px;
display: none;
}
<!--[if lte IE 6]><![endif]-->
<a href="#" rel="nofollow">Brunelleschi</a>
<a href="#" rel="nofollow">Alberti</a>
<a href="#" rel="nofollow">Palladio</a>
<a href="#" rel="nofollow">Michelangelo</a>
<a href="#" rel="nofollow">Bramante</a>
<!--[if lte IE 6]></a><![endif]-->
<a href="#" rel="nofollow">Art Nouveau<!--[if IE 7]><!--></a><!--
<!--[if lte IE 6]><![endif]-->
<a href="#" rel="nofollow">Mackintosh</a>
<a href="#" rel="nofollow">Guimard</a>
<a href="#" rel="nofollow">Horta</a>
<a href="#" rel="nofollow">van de Velde</a>
<!--[if lte IE 6]></a><![endif]-->
<a href="#" rel="nofollow">Modern<!--[if IE 7]><!--></a><!--
<!--[if lte IE 6]><![endif]-->
<a href="#" rel="nofollow">Sullivan</a>
<a href="#" rel="nofollow">Le Corbusier</a>
<a href="#" rel="nofollow">Mies</a>
<a href="#" rel="nofollow">Gropius</a>
<a href="#" rel="nofollow">Yamasaki</a>
<!--[if lte IE 6]></a><![endif]-->
<a href="#" rel="nofollow">Postmodern<!--[if IE 7]><!--></a><!--
<!--[if lte IE 6]><![endif]-->
<a href="#" rel="nofollow">Venturi</a>
<a href="#" rel="nofollow">Eisenman</a>
<a href="#" rel="nofollow">Stern</a>
<a href="#" rel="nofollow">Graves</a>
<a href="#" rel="nofollow">Gehry</a>
<!--[if lte IE 6]></a><![endif]-->
<a href="#" rel="nofollow">Digital<!--[if IE 7]><!--></a><!--
<!--[if lte IE 6]><![endif]-->
<a href="#" rel="nofollow">Xenakis</a>
<a href="#" rel="nofollow">Lynn</a>
<a href="#" rel="nofollow">Diller+Scofidio</a>
<a href="#" rel="nofollow">Zellner</a>
<a href="#" rel="nofollow">Hadid</a>
<!--[if lte IE 6]></a><![endif]-->
Прошу прощения за беспокоство. Буду очень рад если скажете что я сделал не так.
Leo, всё очень просто: во-первых, Вы потеряли список, который передаёт структуру меню
Во-вторых, с комментариями что-то явно не так (при включённой подсветке синтаксиса это ясно видно).
Сейчас я поправлю Ваш код и выложу его.