<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

Этот курс научит Вас созданию самых разных сайтов на самой популярной в мире CMS - WordPress. Вы увидите установку и настройку локального сервера, разбор каждой настройки, каждой кнопки и каждого пункта меню в панели WordPress.

Также Вы получите и всю практику, поскольку прямо в курсе с нуля создаётся полноценный Интернет-магазин, который затем публикуется в Интернете. И всё это прямо на Ваших глазах.

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

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

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

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

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

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

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

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

Какая тема Вас интересует больше?

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

Ошибка верстки
28.10.2016 13:43:06 Ошибка верстки Сообщение #1
Dizel

Dizel

Новичок

Новичок

Дата регистрации:
28.10.2016 13:27:54

Сообщений: 2

Приветствую!
Только начинаю изучать верстку.
Столкнулся с вопросами, на которые не могу найти ответа.

Страница имеет такой вид
Изображение

http://5cm.ru/view/i7/xUHb.png


HTML код

<html>
<head>
<title>CSS Стили</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <style>
@import url("mystyle2.css";
  </style>
</head>
<body>
<div id="Header">
Заголовок
</div>
<div id="Polotno">
<div id="FirstBar">
Первое меню
</div>

<div id="Center">
Центральный текст <br> <br>
</div>

<div id="SecondBar">
Второе меню
</div>

</div>

<div id="Footer">
Подвал
</div>

</body>
</html>

CSS код

#Header {
  color: red;
  background:#eeeeee;
  height: 200px;
  /* width: 980px; */
  margin: 0 auto;
}
#Polotno {
  background: black;
}
#FirstBar {
  color: green;
  background:#ddd;
  height: 450px;
  width: 20% ;
  float: left;
}
#Center {
  color: green;
  background:#white;
  height: 900px;
  width: 80%;
  float: left;
  clear:right;
}
#SecondBar {
  padding: 0;
  position: absolute;
  top: 658px;
  color: green;
  background: red;
  height: 450px;
  width: 20%;
}
#Footer {
  color: black;
  clear: both;
  background:#eeeeee;
  height: 200px;
  margin: 0 auto;
}

Вопросы.

1. Почему мне приходиться подгонять блок #SecondBar указывая
top: 658px; По моим рачетам должно быть 650px (верхнее меню 200 + левое меню 450). Откуда взялись эти 8 пикселей?
Если не сделать эти 8 пикселей, меню номер 2 заходит на меню 1. Или снизу выходит полоса, недостающая до Подвала.

2.  Почему Второе меню не равно по ширине первому меню. Я вижу вот такую картинку:

Изображение

http://5cm.ru/view/i7/eaKw.png

Видно что красная область второго меню почему то на несколько пикселей заходит на область центрального текста.
Что я делаю не так?
Профиль
06.01.2017 16:03:04 Ошибка верстки Сообщение #2
shmel010201

shmel010201

Освоившийся

Освоившийся

Дата регистрации:
03.05.2016 17:31:25

Сообщений: 23

Какое меню вы хотите сделать ? Навигационную ?
Профиль
09.01.2017 23:47:48 Ошибка верстки Сообщение #3
Dizel

Dizel

Новичок

Новичок

Дата регистрации:
28.10.2016 13:27:54

Сообщений: 2

Спасибо вопрос исчерпан.
Начальных паддинг и мерджин 0 не хватало.
Профиль
10.01.2017 17:56:57 Ошибка верстки Сообщение #4
shmel010201

shmel010201

Освоившийся

Освоившийся

Дата регистрации:
03.05.2016 17:31:25

Сообщений: 23

Все же я не смог вам помоч, но не за что
Профиль