Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <header>
- <div id="nav_top">
- <ul >
- <li><a href="#">Раздел1</a></li>
- <li><a href="#">Раздел2</a>
- <ul>
- <li><a href="#">Подраздел1</a></li>
- <li><a href="#">Подраздел2</a></li>
- <li><a href="#">Подраздел3</a></li>
- </ul>
- </li>
- <li><a href="#">Раздел2</a>
- <ul>
- <li><a href="#">Подраздел1</a></li>
- <li><a href="#">Подраздел2</a></li>
- <li><a href="#">Подраздел3</a></li>
- <li><a href="#">Подраздел4</a></li>
- <li><a href="#">Подраздел5</a></li>
- <li><a href="#">Подраздел6</a></li>
- <li><a href="#">Подраздел7</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </header>
- header
- {
- height:250px;
- background:#FE0000;
- }
- #nav_top ul
- {
- text-align: center;
- background:#FCff00;
- }
- #nav_top ul li{
- display: inline-block;
- }
- #nav_top li ul {
- position:absolute;
- top:42px;
- padding-top:0px;
- padding-left:0px;
- display:none;
- }
- #nav_top li:hover ul {
- display:block;
- }
- #nav_top li ul li {
- display:block;
- background:#FCff00;
- }
- #nav_top {
- display: block;
- height:25px;
- width:500px;
- position: fixed;
- top:225px;
- margin: 0 auto 50px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement