Advertisement
Guest User

Untitled

a guest
Apr 23rd, 2014
40
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.35 KB | None | 0 0
  1. <body>
  2. <nav id="wrap">
  3.  
  4. <ul class="navbar">
  5.  
  6. <li><a href="#">Main</a></li>
  7.  
  8. <li><a href="#">News</a>
  9. <ul>
  10. <li><a href="#">a</a></li>
  11. <li><a href="#">b</a></li>
  12. </ul>
  13. </li>
  14.  
  15. <li><a href="#">Photos</a>
  16. <ul>
  17. <li><a href="#">a</a></li>
  18. <li><a href="#">b</a></li>
  19. </ul>
  20. </li>
  21.  
  22. <li><a href="#">Other</a>
  23. <ul>
  24. <li><a href="#">a</a></li>
  25. <li><a href="#">b</a></li>
  26. </ul>
  27. </li>
  28.  
  29. </li>
  30. <li><a href="#">Movies</a></li>
  31.  
  32. </ul>
  33.  
  34. </nav>
  35.  
  36.  
  37. <div id="divdiv"> div div div div div </div>
  38.  
  39.  
  40. </body>
  41.  
  42. body {
  43. height: 100%;
  44. background:#FFF;
  45. margin: 0 0 0 0;
  46. }
  47.  
  48. #wrap {
  49. width: 100%;
  50. height: 80px;
  51. margin: 0;
  52.  
  53. position: relative;
  54. background-color: #00BF5F;
  55. margin-bottom:40px;
  56. }
  57.  
  58.  
  59. .navbar {
  60. padding-left:0px;
  61. height: 80px;
  62. margin: 0;
  63. position: absolute;
  64. }
  65.  
  66. .navbar li {
  67. height: auto;
  68. width: 150px;
  69. float: left;
  70. text-align: center;
  71. list-style: none;
  72. font: bold 14px Tahoma;
  73. padding: 0;
  74. margin: 0;
  75. background-color: #00BF5F;
  76. }
  77.  
  78.  
  79. .navbar a {
  80. padding: 31px 0;
  81. text-decoration: none;
  82. color: white;
  83. display: block;
  84. }
  85.  
  86.  
  87.  
  88. .navbar li:hover, a:hover {background-color: orange; }
  89.  
  90.  
  91.  
  92. .navbar li ul {
  93. display: none;
  94. height: auto;
  95. border-top:1px solid white;
  96. margin: 0;
  97. padding: 0;
  98. }
  99.  
  100. .navbar li:hover ul { display: block; }
  101.  
  102.  
  103. .navbar li ul li {background-color: orange; }
  104.  
  105.  
  106. .navbar li ul li a { padding:5px; }
  107.  
  108.  
  109. .navbar li ul li a:hover {background-color: red;}
  110.  
  111.  
  112.  
  113.  
  114. #divdiv {
  115. width:960px;
  116. height:500px;
  117. background:red;
  118. margin-left:auto;
  119. margin-right:auto;
  120. }
  121.  
  122. .navbar {
  123. min-width: 750px;
  124. }
  125. .navbar li {
  126. line-height: 80px;
  127. }
  128. .navbar li ul li {
  129. line-height: 18px;
  130. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement