Jump to content

Monachus

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by Monachus

  1. вот решение: <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 спасибо за помощь
  2. http://jsfiddle.net/9DA5w/ вот кстати пример что получилось!
  3. подскажите плз, как правильно сделать?
  4. Возможно я и не прав, по этому сюда написал чтобы помогли. Мне столько дивов нужно чтобы сделать подчеркивание справа, слева. див menu убрать пока не могу, это от wordpress-a зависит.
  5. нет, страница на которой пользователь находится. При наведении будет чтот другое
  6. Здравствуйте, задача сделать такое: есть 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; } Это то что я сделал. Помогите плз, заранее благодарен!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy