<MyRusakov.ru />

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

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

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

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

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

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

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

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

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

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

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

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

Размер <body> или HEADER
15.07.2012 07:30:48 Размер <body> или HEADER Сообщение #1
malina95

malina95

Мастер

Мастер

Дата регистрации:
15.07.2012 07:13:44

Сообщений: 208

Подскажите пожалуйста дорогие друзья...
У меня почему то у страницы появляются неизвестные отступы - примерно 10-15 пикс.!Особенно это видно в шапке сайта.
ПОМОЖЕТЕ МНЕ???

Вот HTML


<!DOCTYPE html>
<html>
<head>
<link href="styles.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="Описание страницы." />
<meta name="keywords" content="ключевые слова страницы" />
<title>Верстка</title>
</head>
<body>
<div id="header">
<img src="header.jpg" alt="header" title="Главная страница сайта" width="100%">
</div>
<div id="content">
<div id="left">Левые блоки

</div>
<div id="right">Правые блоки

</div>
<div id="center">Центральная часть

</div>
</div>
<div class="clear">

</div>
<div id="footer">Содержимое подвала

</div>
</body>
</html>



Вот CSS


body {
width:100%;
height:100%;
}

#header {
margin:0;
padding:0;
width:100%;
}

#left {
float: left;
width: 200px;
}

#right {
float: right;
width: 200px;
}

#center {
margin-left: 200px;
margin-right: 200px;
}

.clear {
clear: both;
}

#footer {
margin: 0 auto;
position: absolute;
bottom: 0;
height: 100px;
}

Профиль Ответить
15.07.2012 12:08:57 Размер <body> или HEADER Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Вероятно Вы имеете в виду margin, который вы не задали для body. Обнулите его и отступы исчезнут. Используйте firebug, чтобы видеть откуда берутся подобные отступы.
Профиль Ответить
18.07.2012 03:07:17 Размер <body> или HEADER Сообщение #3
malina95

malina95

Мастер

Мастер

Дата регистрации:
15.07.2012 07:13:44

Сообщений: 208

Спасибо Большое!!! А вы не хотите создать ещё один видео-курс??? Я например очень хочу научиться но по вашему видео-курсу "Создание и раскрутка сайта от А до Я" я не понял...Я хорошо знаю HTML и CSS но хотелось бы расширить свои знания до PHP, а JavaScript меня почему-то бесит...Я не считаю его языком!!!
Профиль Ответить
18.07.2012 14:48:10 Размер <body> или HEADER Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Я пока отдыхаю до сентября, но возможно учту Ваше пожелание, при создании других видеокурсов.
Профиль Ответить
16.11.2012 21:41:55 Размер <body> или HEADER Сообщение #5
katushka

katushka

Освоившийся

Освоившийся

Дата регистрации:
04.11.2012 07:13:39

Сообщений: 24

А почему бесит? Что там бешеного? Попробуй завести тетрадь отдельную, и в ней можно писать свои варианты. Вообщем, здесь всё на своё усмотрение, мне очень помогает лишний раз прокрутить что к чему. Потом знания систиматизируются и получается супер!
Профиль Ответить