Advertisement
Guest User

Untitled

a guest
Aug 31st, 2015
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.54 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Документ без названия</title>
  6. <style type="text/css">
  7. *
  8. {
  9.     padding:0px;
  10.     margin:0px;
  11. }
  12. .menu
  13. {
  14.     padding:5px;
  15.     width:100%;
  16.     background-color:silver;
  17. }
  18. .nav
  19. {
  20.     display:inline-table;
  21.     width:10%;
  22.     padding:0px
  23.     width:10%;
  24.     height:200px;
  25.     background-color:black;
  26.     padding:15px;
  27.     float:left;
  28. }
  29. .content
  30. {
  31.    
  32.     padding:15px;
  33.     width:100%;
  34.     height:200px;
  35.     box-sizing:border-box;
  36. }
  37. .menu ul
  38. {
  39.     list-style-type:none;
  40.     margin:0px;
  41.     padding:5px 0px 0px 15px;
  42. }
  43. .menu li
  44. {
  45.     display:inline;
  46.     margin-right:5px;
  47. }
  48. .nav ul
  49. {
  50.     list-style-type:none;
  51.  
  52. }
  53. .nav a
  54. {
  55.     color:white;
  56. }
  57. .content h3
  58. {
  59.    
  60. }
  61. .row
  62. {
  63.     width:100%;
  64.     box-sizing:border-box;
  65. }
  66. </style>
  67. </head>
  68.  
  69. <body>
  70.  
  71. <div class="menu">
  72.  
  73.     <ul>
  74.         <li><a href="">Главное меню</a></li>
  75.         <li><a href="">Новости</a></li>
  76.         <li><a href="">Статьи</a></li>
  77.     </ul>
  78.  
  79. </div>
  80. <div class="row">
  81.     <div class="nav">
  82.     <ul>
  83.             <li><a href="">Главное меню</a></li>
  84.             <li><a href="">Новости</a></li>
  85.             <li><a href="">Статьи</a></li>
  86.             <li><a href="">Контакты</a></li>
  87.             <li><a href="">Как Добраться</a></li>
  88.     </ul>
  89.    
  90.     </div>
  91.     <div class="content">
  92.         <div>
  93.         <h3> Привет Мир </h3>
  94.         <p> Этот сайт посвящен бла-бла-бла-бла-бла </p>
  95.         </div>
  96.     </div>
  97. </div>
  98. </body>
  99. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement