С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.62/13: Рейтинг темы: голосов - 13, средняя оценка - 4.62
0 / 0 / 0
Регистрация: 08.09.2016
Сообщений: 6

Выстроить блоки в одну строку

08.09.2016, 03:23. Показов 2593. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вот код. Нужно куда показывает стрелка.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title>Урок 4</title>
</head>
<body>
<body style="width:1000px; height:800px"> 
<div style=" background: #ff0000; height:50px; width: 300px;">Верхнее меню 
<br>
красный</div>
<div>
<div style="background: #000000; height: 50; width: 100px;"><span style="color: #ffffff;">Время и дата</span>
<span style="color: #ffffff;"> Черный</span></div>
<div style=" background: #008000; height: 300px; width: 500px;">Зона содержимого.<br>
Зеленный</div>
<div style=" background: #ffff00; height: 50px;">Футер
<br>
Жёлтый</div>
</body>
</html>


0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
08.09.2016, 03:23
Ответы с готовыми решениями:

Выстроить блоки в строку
Ребята подскажите пожалуйста как расположить дивы горизонтально? Они у меня почему то идут вертикально\ &lt;!DOCTYPE html&gt; ...

Выстроить таблицы в одну строку
Доброго времени суток. опять нужна помощь. Есть две таблицы. Нужно чтобы они были на одном уровне по горизонтали, но как не колдую с...

Выстроить checkbox и label в одну строку
Как вставить checkbox и описание к нему в одну строку, в линию ровно? &lt;div class=&quot;w2ui-field w2ui-field2 w2ui-span122&quot;&gt; ...

1
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
08.09.2016, 10:03
dmbadboy, песочница
CSS
1
2
3
.green {
  
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<body style="width:1000px; height:800px">
 
  <div style="  background: #ff0000;
  height: 50px;
  width: 300px;
  display:inline-block;">Верхнее меню
    <br> красный
  </div>
  <div style=" display:inline-block;
  background: #000000;
  height: 50;
  width: 100px;"><span style="color: #ffffff;">Время и дата Черный</span></div>
 
  <div style=" background: #008000; height: 300px; width: 500px;">Зона содержимого.
    <br> Зеленный
  </div>
 
  <div style="background: #ffff00; height: 50px;">Футер
    <br> Жёлтый
  </div>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
08.09.2016, 10:03
Помогаю со студенческими работами здесь

Выстроить элементы списка в одну строку
Здравствуйте, помогите сделать такой вот список в одну строку, нужно только, чтобы email и телефон были в одну строку, а остальное осталось...

Необходимо выстроить два блока в одну строку
подскажите пожалуйста, как сделать два дива в одну строчку, так чтобы получилось 1+1? ставлю float:left; но все равно не работает? ...

Блоки в одну строку
Здравствуйте. Делаю видео слайдер, но блоки почему-то не выводятся как нужно. На картинке видно, что показано три блока. 1...

Выстроить блоки в ряд
Помогите разобраться. Почему у меня блоки идут в столбец , а не в строку? &lt;div class=&quot;services-information&quot;&gt; &lt;div...

Как выстроить эти блоки вертикально?
Привет. Как выставить эти поля ввода текста вертикально друг над другом, чтобы они не сжимались? Это перед футером. Clear: .... задавал....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru