Monachus
-
Posts
6 -
Joined
-
Last visited
Monachus's Achievements
Explorer (1/14)
0
Reputation
-
вот решение: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> Блог </title> <style type="text/css"> .menu{ position: relative; /*padding-top: 100px;*/ z-index: 32; float:left; width: 100%; border-bottom: 2px solid #000000; margin-top: -10px; margin-bottom: -1px; } .menu ul{ list-style: none; margin-bottom: 2px; background-color: #00CC00; } .menu ul li{ position: relative; z-index: 31; float: left; padding-left: 10px; padding-right: 10px; border: 2px solid #b8b8b8; border-bottom:none; margin-bottom: -2px; margin-left: -2px; } .menu ul li.current_page_item{ position: relative; z-index: 33; border: 2px solid #000000; border-bottom: 2px solid #fff; } </style> </head> <body> <div class="menu"> <ul> <li > <a href="http://monachus.name/" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="http://monachus.name/xcvbdhdfh" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="http://monachus.name/sample-page" title="Пример страницы">Пример страницы</a> </li> <li class="page_item page-item-2"> <a href="http://monachus.name/sample-page" title="Пример страницы">Пример страницы</a> </li> </ul> </div> </body> </html> как всё сократилось круто LeD4eG спасибо за помощь
-
http://jsfiddle.net/9DA5w/ вот кстати пример что получилось!
-
подскажите плз, как правильно сделать?
-
Возможно я и не прав, по этому сюда написал чтобы помогли. Мне столько дивов нужно чтобы сделать подчеркивание справа, слева. див menu убрать пока не могу, это от wordpress-a зависит.
-
нет, страница на которой пользователь находится. При наведении будет чтот другое
-
Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как разместить rmenu справа от ячеек, lmenu слева, а меню соответственно в табличке (это практически получилось) #main{ margin: 0px auto; width: 98%; } #hmenu #lmenu{ float:left; border-bottom: 2px solid #000000; width:5%; background-color: #f0ffff; } #hmenu #rmenu{ float:left; border-bottom: 2px solid #000000; background-color: #f0f8ff; width:5%; } #hmenu .menu{ padding-right: 5%; background-color: #00CC00; float:left; height: 10px; } #hmenu .menu ul{ list-style: none; } #hmenu .menu ul li{ float:left; padding: 5px; margin: -1px; } #hmenu .menu ul li.page_item{ border: 2px solid #b8b8b8; } #hmenu .menu ul li.current_page_item{ border: 2px solid #000000; } Это то что я сделал. Помогите плз, заранее благодарен!