Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
338 / 327 / 154
Регистрация: 29.10.2012
Сообщений: 949

Как правильно сверстать страничку верствкой div чтобы блоки не разъехались

16.12.2013, 14:23. Показов 1809. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Хочу попробовать сделать страничку, не знаю как правильно сверстать блочной версткой, пример в приложенном файле. Можете помочь, написать html код?
Миниатюры
Как правильно сверстать страничку верствкой div чтобы блоки не разъехались  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
16.12.2013, 14:23
Ответы с готовыми решениями:

Как правильно сверстать блоки разного размера?
Здравствуйте всем!) Есть идея наверстать новости в WP-сайте вот таким образом. На главной странице первый блок будет новостями, и...

Как сверстать блоки по заданному шаблону
Здравствуйте, не получается сделать так же. Код html: <div class="case"> <div class="showcase"> <div...

Как сверстать блоки на всю ширину от центра
Прошу опытных верстальщиков помочь. Задача следующая: Нужно сверстать два блока, которые идут от центра страницы на всю ширину. С левой...

2
23 / 23 / 1
Регистрация: 27.04.2013
Сообщений: 385
Записей в блоге: 3
16.12.2013, 21:39
а какие именно блоки разъезжаться не должны?
0
338 / 327 / 154
Регистрация: 29.10.2012
Сообщений: 949
17.12.2013, 05:41  [ТС]
Не могу найти информацию как правильно располагать блоки div:
- с частичным перекрытием - это черный и зеленый
- наложение блоков один на другой, это синие на черном с различным "выравниванием".
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
17.12.2013, 05:41
Помогаю со студенческими работами здесь

Как грамотно сверстать контент, как разбить на блоки?
Здравствуйте, сделать таблицей или через ul li или комбинировано? фото контента наброски делаю такие:

Сверстать страничку на основании шаблона
На лабараторную работу задали сверстать страничку с использованием html и css. Выглядеть на страничке должно все как в исходном файле,...

Какое свойство применить к div контейнеру чтобы он подстраивался под внутренние блоки?
Здравствуйте, помогите пожалуйста! Столкнулся вот с такой проблемой: Почему при верстке сайта, контейнер в котором лежит левая...

Сверстать страничку по готовому PSD макету
Здравствуйте , кто сможет мне сверстать страничку , по готовому PSD макету..

Как правильно сверстать
Подскажите как лучше сверстать данное меню http://pixs.ru/showimage/Bezimeni1p_1597309_14263188.png Дальнейшем будет установка на 1с...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru