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

Как можно эту секцию сделать?

14.02.2018, 11:25. Показов 880. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
[del]
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
14.02.2018, 11:25
Ответы с готовыми решениями:

Как сверстать эту секцию?
Приветствую. Проблема заключается в этой красной кривой байде. Ведь если разрешение экрана больше 1920 то... будет с обеих сторон как...

Сделать секцию адаптивной - butstrap 3
Здрасте , понемногу учусь верстке - верстая паблик макеты . В очередном макете был блок / секция / экран (хз как их там называют) и вроде...

Как правильней сделать эту резиновую вёрстку?
Мне надо, чтоб при изменении размера окна браузера, правый блок не съезжал вниз. На картинке ниже показано что я примерно хочу....

6
52 / 52 / 39
Регистрация: 15.11.2014
Сообщений: 696
14.02.2018, 12:56
ingvard, опишите конкретнее что вы хотите сделать с секцией?
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
14.02.2018, 15:26
ingvard, да вариантов то масса. Хоть таблицами.. К примеру - песочница
HTML5
1
2
3
4
5
6
7
8
9
10
<div class="wrap">
  <div class="row">
    <div class="left">
      <h2>BLABLABLABLA</h2>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim provident voluptatibus cupiditate atque. Labore, modi debitis voluptate nostrum tenetur cumque voluptates vitae fugiat sapiente voluptas animi quasi! Nostrum, aperiam accusamus.</p>
      <button>blablabla</button>
    </div>
    <div class="right"><img src="https://dummyimage.com/300x200/b5b5b5/000000.png" alt="alt"/></div>
  </div>
</div>
CSS
1
2
3
4
5
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;outline:0}
html,body,.wrap{width:100%;}
.wrap{display:table} .row{display:table-row}
.left,right{display:table-cell;width:50%}
.left{word-wrap:break-word;vertical-align:top;padding:20px}
1
33 / 31 / 18
Регистрация: 05.07.2014
Сообщений: 230
14.02.2018, 17:29
Что именно реализовать, с чем проблема то?
0
6 / 6 / 8
Регистрация: 29.01.2018
Сообщений: 19
15.02.2018, 14:49
Может так:
Вложения
Тип файла: 7z sec.7z (6.59 Мб, 3 просмотров)
0
0 / 0 / 0
Регистрация: 14.02.2018
Сообщений: 12
16.02.2018, 12:39  [ТС]
ну нужно чтоб картинка была в самом конце екрана не зависимо от размера екрана
0
6 / 6 / 8
Регистрация: 29.01.2018
Сообщений: 19
16.02.2018, 17:38
Может так:
Вложения
Тип файла: 7z 197.7z (41.1 Кб, 2 просмотров)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
16.02.2018, 17:38
Помогаю со студенческими работами здесь

Filter(blur) или как сделать эту фигню?
Всем привет :) Короче сразу к теме, Вот такая вот проблема, не могу получить вот такой вот эффект :( Заранее спасибо.

Как сделать модель движения заряженной частицы в однородном магнитном поле? И как сделать эту модель визуально видимой?
Для проекта в школе нужно создать компьютерную модель движения заряженной частицы в однородном магнитном поле. Я не силён в созданиях...

Как можно обойти эту ошибку ?
Собственно сама ошибка...

Можно как-то оживить эту сборку?
Проц Pentium E5500 Видео Asus gts 450 ОЗУ 2гб Материнка Asrock P43DE3 Знаю что это &quot;железо&quot; ну никак не дотягивает до...

Как можно писать эту программу?
я не могу писать эту программу ... задание. Разработка консольного приложения на языках C++ и C# Разработать консольное...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru