Jump to content

ilnurgi

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by ilnurgi

  1. спасибо. Да. вот так заработало так как надо ul.navigation_bar{ text-decoration: none; text-align: center; } li.nb_item:hover ul.subitem{ display:block; position: absolute; }
  2. привет. Делаю выпадающий список в меню. Но не могу понять из-за чего я получаю вот такое и как это исправить? т.е. Когда я навожу мышь на Item3 появляется выпадающее меню, а Item4 съезжает вниз. но он находился то под Item1 <ul class='navigation_bar'> <li class='nb_item'><a href=''>Item 1</a></li> <li class='nb_item'><a href=''>Item 2</a></li> <li class='nb_item'> <a href='' onclick="alert(Python)">Item 3</a> <ul class='subitem'> <li><a href='' onclick="alert(1)">SubItem 1</a></li> <li><a href='' onclick="alert(2)">SubItem 2</a></li> <li><a href='' onclick="alert(1)">SubItem 3</a></li> <li><a href='' onclick="alert(1)">SubItem 4</a></li> </ul> </li> <li class='nb_item'><a href=''>Item 4</a></li> </ul> /*================ навигация ================*/ ul.navigation_bar{ text-decoration: none; overflow: hidden; position: absolute; text-align: center; } li.nb_item{ display: block; border: 1px solid #ddd; float: left; background-color: #eee; width: 240px; } li.nb_item a{ display: block; padding: 10px; color: #333; text-decoration: none; } li.nb_item a:hover{ background-color: #aaa; color: #eee; } /*================ навигация выпадающий список ================*/ ul.subitem{ display: none; } li.nb_item:hover ul.subitem{ display:block; } ul.subitem li{ list-style:none; }
  3. привет как поправить код. Чтобы из рисунка 1 получить рисунок 2. <!DOCTYPE HTML> <html> <head> <meta charset='utf-8'> <title>Титул</title> </head> <body> <div style=' border:1px solid red; display:table; padding: 10px'> <div style=' border:1px solid black; display:table-cell; padding:10px'> <div style=' border:1px solid blue; display:table; padding: 10px;'> <form > <fieldset> <label for='name' style=' border:1px solid red; display:table-cell; vertical-align:middle; width: 100px;'> label label label label </label> <div style=' border:1px solid red; display:table-cell; vertical-align:middle;'> <input type='text' name='name'> </div> </fieldset> </form> </div> </div> <div style=' border:1px solid black; display:table-cell; padding:10px'> <div style=' border:1px solid blue; display:table; padding: 10px;'> <form > <fieldset> <label for='name' style=' border:1px solid red; display:table-cell; vertical-align:middle; width: 100px;'> label </label> <div style=' border:1px solid red; display:table-cell; vertical-align:middle;'> <input type='text' name='name'> </div> </fieldset> </form> </div> </div> </div> </body> </html>
×
×
  • 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