Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body>
- <nav id="wrap">
- <ul class="navbar">
- <li><a href="#">Main</a></li>
- <li><a href="#">News</a>
- <ul>
- <li><a href="#">a</a></li>
- <li><a href="#">b</a></li>
- </ul>
- </li>
- <li><a href="#">Photos</a>
- <ul>
- <li><a href="#">a</a></li>
- <li><a href="#">b</a></li>
- </ul>
- </li>
- <li><a href="#">Other</a>
- <ul>
- <li><a href="#">a</a></li>
- <li><a href="#">b</a></li>
- </ul>
- </li>
- </li>
- <li><a href="#">Movies</a></li>
- </ul>
- </nav>
- <div id="divdiv"> div div div div div </div>
- </body>
- body {
- height: 100%;
- background:#FFF;
- margin: 0 0 0 0;
- }
- #wrap {
- width: 100%;
- height: 80px;
- margin: 0;
- position: relative;
- background-color: #00BF5F;
- margin-bottom:40px;
- }
- .navbar {
- padding-left:0px;
- height: 80px;
- margin: 0;
- position: absolute;
- }
- .navbar li {
- height: auto;
- width: 150px;
- float: left;
- text-align: center;
- list-style: none;
- font: bold 14px Tahoma;
- padding: 0;
- margin: 0;
- background-color: #00BF5F;
- }
- .navbar a {
- padding: 31px 0;
- text-decoration: none;
- color: white;
- display: block;
- }
- .navbar li:hover, a:hover {background-color: orange; }
- .navbar li ul {
- display: none;
- height: auto;
- border-top:1px solid white;
- margin: 0;
- padding: 0;
- }
- .navbar li:hover ul { display: block; }
- .navbar li ul li {background-color: orange; }
- .navbar li ul li a { padding:5px; }
- .navbar li ul li a:hover {background-color: red;}
- #divdiv {
- width:960px;
- height:500px;
- background:red;
- margin-left:auto;
- margin-right:auto;
- }
- .navbar {
- min-width: 750px;
- }
- .navbar li {
- line-height: 80px;
- }
- .navbar li ul li {
- line-height: 18px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement