maceraty
-
Posts
10 -
Joined
-
Last visited
maceraty's Achievements
Explorer (1/14)
0
Reputation
-
Ну помогите же! На htmlbook так же почти сделано, только по клику. Ну как оно показывает разные подменю? Там же у всех элементов одинаковые классы, объясните пожалуйста, это же наверняка просто.
-
Тег pre преобразует шрифт в моноширинный. Пропишите эти шрифты для тега pre или воспользуйтесь свойством white-space
-
Здравствуйте. Подскажите, как работает это меню, а именно, каким образом происходит появление подменю, при наведении на элемент меню. А то что-то не доходит. Моя ссылка html <html> <head> </head> <body style="background:#bbb;"> <div id="nav"> <ul class="select"> <li><a href="#"><b>1</b></a> <ul class="sub"> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </li> </ul> <ul class="current"> <!-- <<<== активное меню --> <li><a href="#"><b>4</b></a></li> </ul> <ul class="sub_active"> <!-- <<<== активное подменю меню --> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li class="current_sub"><a href="#">7</a></li> <!-- <<<== активная страница --> <li><a href="#">8</a></li> </ul> <ul class="select"> <li><a href="#"><b>9</b></a> <ul class="sub"> <li><a href="#">11</a></li> <li><a href="#">12</a></li> </ul> </li> </ul> </div> </body> </html> css ul#nav { list-style-type:none; /* Отмена маркеров списка */ margin:0; padding:0; } #nav { float:left; width:100%; height:75px; /* Высота всего меню (и верхнего уровня и нижнего, все вместе) */ position:relative; margin:0; /* Отступ сверху и снизу от меню */ } #nav .select, #nav .current { margin:0 10px; padding:0; list-style:none; display:block; } #nav li { display:inline; margin:0; padding:0; height:auto; } #nav .select a, #nav .current a { display:block; height:40px; /* Высота верхнего уровня */ float:left; padding:0 0 0 5px; text-decoration:none; font:normal 18px Tahoma; /* Размер шрифта верхнего уровня */ line-height:40px; white-space:nowrap; margin-right: 0; /* Отступы пунктов верхнего уровня */ position: relative; z-index: 500; } #nav .select a b, #nav .current a b { height:100%; display:block; padding:0 10px 0 5px; color:#ffffff; /* Цвет ссылок верхнего уровня */ } #nav .select a:hover, #nav .select li:hover a { cursor:pointer; } #nav .select a:hover b, #nav .select li:hover a b { color:#ffffff; } #nav .sub { display:none; } #nav .current a { background-image:url("images/left_nav.png"); background-repeat:no-repeat; background-position:0 -50px; border:none; } #nav .current a b { background-image:url('images/right_nav.png'); background-repeat:no-repeat; background-position:100% -50px; color:#ffffff; /* Цвет шрифта активного меню верхнего уровня */ } #nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover, #nav .sub_active .current_sub a, #nav .sub_active a:hover { color:#f6ff00; /* Цвет шрифта активного меню нижнего уровня */ text-decoration:underline; font:normal 14px Tahoma; } #nav .select li a:hover .sub, #nav .select li:hover .sub, #nav .sub_active { display:block; position:absolute; width:100%; height: 40px; top:40px; left:0; background:#7a8897; /* Фон нижнего уровня */ padding:0 10px; z-index:100; } #nav .sub_active { z-index:10; } #nav .sub, #nav .sub_active { margin:0; padding:0 10px; list-style:none; } * html #nav .sub_active, * html #nav .select a:hover .sub { z-index:-1; margin-top:0; margin-top:1px; } #nav .sub_active a { height:25px; float:left; text-decoration:underline; line-height:24px; white-space:nowrap; font-weight:normal; font:normal 14px Tahoma; } #nav .sub_active a, #nav .select a:hover .sub li a, #nav .select li:hover .sub li a { display:inline; background:none; padding:0 10px; margin:0; font:normal 14px Tahoma; /* Размер шрифта нижнего уровня */ width:auto; white-space:nowrap; font-weight:normal; border:0; color:#e1e8ef; /* Цвет шрифта нижнего уровня */ height:35px; line-height:35px; text-decoration:underline; }
-
К чему тогда это И почему написано, что поддерживается всеми браузерами? не дочитал, извиняюсь
-
То есть так и должно быть?
-
Хром
-
Здравствуйте. font-weight работает почему-то только в двух режимах: обычный (от 100 до 600) и жирный (от 600). По идее шрифт ведь должен и при других значениях? Пробовал в опере, хроме, фаерфоксе на разных шрифтах. И еще не по теме. Что такое с кодировкой?
-
Благодарю. Но первый вариант мне больше понравился.
-
Не в этом дело. Это макет, картинка должна быть сверху, а другой фон для того чтобы выделить ее как-то. Но она не очень смотрится, а придумать что-то дельное не получается. Посоветуйте..
-
Помогите вставить красиво картинку справа вверху которая, а то как то оно туго смотрится.