Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
 Аватар для Mashka_mulashka
25 / 25 / 11
Регистрация: 13.12.2011
Сообщений: 818

Размещение блоков на всю ширину, на половину, на 1/3 и т.д

08.04.2016, 13:36. Показов 698. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
опытные верстальщики, поскажите, как нужно поменять стили так, вот тут

http://minkavkaz.devvm.snetwor... TION_ID=79

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


ширина блока - 720px

login - test
pw - 123SN

Добавлено через 7 минут
вот такой результат должен быть

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

Растянуть содержимое блоков на всю его ширину
Ниже описан код самого блока, подскажите пожалуйста, как и что в нем отвечает за длину разделов блока, как сделать чтобы эти 3 блока...

Как сделать ширину позиции не на всю ширину страницы
Речь идет о сайте http://kuhnisulamita.ru где создана новая позиция для обратного звонка (слево вверху). При добавлении чего-либо на эту...

Рассчитать ширину колонок с учетом ScrollBar в StringGrid на всю ширину StringGrid
Здравствуйте, Требуется в StringGrid-ах автоматически рассчитать ширину колонок - что бы не было горизонтальной полосы прокрутки и не...

1
 Аватар для Noiro
6 / 6 / 6
Регистрация: 16.03.2016
Сообщений: 38
08.04.2016, 14:24
Стили бы увидеть. И код. Универсального решения не будет (разве что сделать шаблон, по которому все фотографии потом будут позиционироваться). Да и фотографии бы порезать пропорционально. Я бы сделал как-то так (принцип, не готовое решение):
CSS
1
2
3
4
5
6
7
8
9
10
#photo_cont_1059{
 width: 100%;
}
#photo_cont_1060{
 clear: both;
 width: 33%;
}
#photo_cont_1061{
 width: 67%;
}
Или добавил бы строчных div-ов, и в них уже плясал бы с котятами как хочу.

П.С.: Я не опытный верстальщик, учусь.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
08.04.2016, 14:24
Помогаю со студенческими работами здесь

Сделать список на всю ширину и сделать border-right не на всю высоту
Доброго времени суток. 1. Как сделать border-right не на всю высоту. Вот как на рисунке: 2. И скажите пожалуйста почему навигация не...

Размещение блоков
Не могу разобратся в div'ах. Помогите ещё раз пожалуйста

Размещение блоков
Сам не смог разобратся, подскажите пожалуйста, а как сделать такое: ?

Размещение текста на всю страницу
Проблема заключается вот в чем у меня на сайте два навигационных блока справа и слева, а между ними должен быть текст, как сделать так...

Размещение блоков в ряд
Хочу расположить внутри одного родительского блока два блока вряд. При применении к левому дочернему блоку float:left он перестает быть...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru