<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Плавающие блоки
17.04.2014 21:33:23 Плавающие блоки Сообщение #1
Boris

Boris

Новичок

Новичок

Дата регистрации:
09.12.2013 20:13:26

Сообщений: 8

Пытаюсь разобраться с разделом плавающие блоки и что то не получается вот код
<html>
<head></head>
<link  rel="Stylesheet" href="style.css" type="text/css" />
<body>
    <div>
        <p class="green"> левая часть</p>
        <p class="blue">центральная</p>
        <p class="red">правая часть</p>
    </div>
    <a id="12"> </a>
</body>
</html> 
style.css
div p
{
     width:150px;
     height:150px;
     margin:0 auto 10px;
     text-align:center;
}
.green
{
    background-color:Green;
    border:2px solid Black;
    float: left;
 }
 .blue
 {
     background-color:Blue;
     border:2px solid Black;
 }
 .red
 {
     background-color:Red;
     border:2px solid Black;
     float: right;
 }
 div
 {
     border:2px solid blue;
     width:30%;
     margin: 0 auto;
 } 
Профиль Ответить
18.04.2014 10:45:58 Плавающие блоки Сообщение #2
tikkiwiki

tikkiwiki

Модератор

Модератор

Дата регистрации:
15.11.2013 15:36:59

Сообщений: 194

Что у Вас конкретно не получается?
Профиль Ответить
18.04.2014 13:46:04 Плавающие блоки Сообщение #3
Boris

Boris

Новичок

Новичок

Дата регистрации:
09.12.2013 20:13:26

Сообщений: 8

вот такая ерунда получается 
Профиль Ответить
25.05.2014 17:24:13 Плавающие блоки Сообщение #4
harwed

harwed

Освоившийся

Освоившийся

Дата регистрации:
29.11.2013 23:56:22

Сообщений: 20

каждый блок должен иметь имя ! в семантической вёрстке допускается такие блоки как header  nav и прочее для облегчения труда .в вашем случае всё по другому у вас нету таких блоков как .left  и .right  у вас просто есть div без имени и если через css обратитесь в блоку  div задав параметр любой и будут ещё блоки то они изменятся все для избежания этого придайте блокам либо id либо class и тогда получится! вот пример:
<html>
<head>
<title></title>
<style type="text/css">
header{
width:90%;height:200px;
margin-left:30px;
}
</style>
</head>
<body>
<header>
<h3>MyRusakov.ru</h3> 
</header>
<div class="center">
<div class="left">

</div>
<div class="center_org">

</div>
<div class="right">

</div>
</div>
</body>
</html>
примерно так  и не забывайте в css описать каждый блок иначе его не будет на мониторе
Профиль Ответить