Дайте пожалуста совет, как отредактировать страницу согласно образцу

@Anton222 · Регистрация: 08.11.2014

Студворк — интернет-сервис помощи студентам

Здраствуйте. Мне необходимо создать страницу, но столкнулся с проблемой: не могу сделать это согласно даному мне образцу. Прилагаю изображение шаблона-образца, html-код и таблицу стилей css. Конкретно проблема в том, как разместить блоки 2, 3, 4.

@Сет · 10.11.2014, 00:03

поюзайте

CSS
1
float: left;

можно здесь почитать

@kf-prk-1984 · 10.11.2014, 12:54

Не совсем все понятно, может что то типо токого:

<!DOCTYPE html>
<html lang="en">
<head>
<title>My site</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css3.css">
</head>
<body>
<div id="content">
<div id="all">
<div id="left">1</div>
<div id="right">5</div>
<div id="c1">2</div>
<div id="c2">3</div>
<div id="c3">4</div>
<div id="c4">6</div>
<div id="c5">7</div>
<div id="c6">8</div>
<div id="c7">9</div>
<div id="c8">10</div>
</div>
<div id="footer">
<div>11</div>
</div>
</div>
</body>
</html>

* {
margin:0;
padding:0;
}
html, body {
width:1000px;
margin:auto;
height:100%;
background:#fff;
color:#000;
}
#content {
background:#C0C0C0;
}
#all {
overflow:hidden;

}
#footer {
height:100px;
background:#0000FF;
}
#left {
float:left;
background:#00FF00;
width:50px;
}
#c1 {
float:left;
width:200px;
height:150px;
background:#00FFFF;
}
#c2 {
float:left;
width:500px;
height:150px;
background:#FF00FF;
}
#c3 {
float:left;
width:200px;
height:150px;
background:#FFFF00;
}
#c4 {
float:left;
width:900px;
height:100px;
margin:0 50px;
background:#AFEEEE;
}
#c5 {
float:left;
width:225px;
height:100px;
margin-left:50px;
background:#FFFFFF;
}
#c6 {
float:left;
width:225px;
height:100px;
background:#FFFFFF;
}
#c7 {
float:left;
width:225px;
height:100px;
background:#FFFFFF;
}
#c8 {
float:left;
width:225px;
height:100px;
background:#FFFFFF;
}
#right {
float:right;
background:#FF0000;
width:50px;
}

@Anton222 · 10.11.2014, 22:01 **[ТС]**

Спасибо за помощь.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

@Anton222 0 / 0 / 0 Регистрация: 08.11.2014 Сообщений: 2
	10.11.2014, 22:01 [ТС]
	Спасибо за помощь. 0