VPF::Помогите разобратся в вёрстке

supervladislav

Дата 30.10.2012, 01:22 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Вёрстка закруглённого блока.
Пример взят вот отсюдова(http://www.yanajy.com/sdelay-sam/borders-and-corners-using-html-and-css.html) , я никогда не использовал данного потхода вот решил попробовать.
Делаю так-же как в примере, сколько дивов открыл столько и закрыл.

Код


html{}
*{padding:0px;margin:0px;outline:none;}
body{font-size:17px;padding:0px;margin:0px;min-width:1000px;background-color:#e0e0e0; }
div#main{z-index:0;position:relative;top:0px;left:0px;margin-left:90px; }
div#verh{z-index:1;padding-left:80px; }

div#topleft{  }
div#topright{ }
div#seredina{}

div#center{background-color:#ffffff;width:90%;height:60px;margin-left:-10px;margin-left:20px;  }

div#niz{z-index:5;margin-top:0px;width:85%;padding-left:80px;}
div#bottom_left{}
div#bottom_right{}
div#seredina2{}



div#seredina2{z-index:9;}

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ru">
  <head>
    <meta charset="utf-8"/>
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"/>
    <meta name="dcterms.created" content="Ср, 24 окт 2012 17:09:22 GMT"/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    
    <title>фывфывфывфыв</title>
  <link rel="stylesheet" href="css/index.css" type="text/css"/>
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
      <div id="main">
          
          
              <div class="verh"><div><div>
     Содержание блока
</div></div></div>
              
                 
          </div>  
          <div id="center"></div>          
          
          
          <div id="niz">
              
              
              
          </div>          
          
          
</div
  </body>
</html>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »