Сделать блок из 3-ех расположенных в определенном месте

@kasper00761 · Регистрация: 21.07.2017

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

Братцы, выручайте. Как сделать нормально расположение блоков, чтоб допустим при увеличени они ни куда не разъезжались, это во первых, во вторых разместить под img блок, чтоб он четко было под ним, а не под каким-то другим, потому что я когда размещаю блок под картинкой он размещается прям под этими двумя, тем самым оставляя место под картинкой (3 изображение) пришлось маргином минусовать вверх и 3 блок расположить справа от этих двух, можно ли этого как-то избежать и написать правильно, помогите пожалуйста) (1 картинка как надо сделать) (2 картинка как сейчас сделал код снизу)

Сделать блок из 3-ех расположенных в определенном месте

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div class="parket">
        <div class="uslugi-content">
            <img class="ukrashatel" src="humans.png" alt="Строительные услуги">
            <div class="uslugi-stroi">Услуги по строительству
                        <ul>
                            <li>Строительство домов и бань из бревна и бруса
                            <li>Строительство заборов: монолитных, кирпичных. деревянных, из проф-листа, сетки рабицы
                            <li>Капитальный ремонт и отделка квартир, загородных домов, офисов, промышленных помещений
                            <li>Ремонт-отделка санузлов под ключ
                            <li>Отдельные виды работ: сантехнические, плиточные, вентиляционные, сварные, электромонтажные, столярно-плотницкие работы,
                            монтаж сантехнических предметов, подвесных потолков сложных конструкций, кладочные штукатурные и малярные работы высокого уровня.
                            <li>Выезд на объект для составления сметы
                            <li>Подготовительные работы – корчевка деревьев, удаление плодородного слоя, вертикальная планировка участка.
                            <li>Работы нулевого цикла – геодезические работы, рытье котлована и траншей, прокладка коммуникаций.
                            <li>Бетонные работы – заливка фундамента, устройство бетонных площадок, сооружение бетонных перекрытий, сооружение бассейнов.
                            <li>Общестроительные работы – возведение несущих стен и перегородок из бревен/бруса/кирпича/шлакоблоков, устройство полов и перекрытий.
                            <li>Кровельные работы – монтаж стропильной системы, монтаж гидро/пароизоляции, настил любого(!) кровельного покрытия, устройство вентиляции подкрышного пространства, установка дымоходов и вентиляционных труб и пр.
                            <li>Сантехнические работы – прокладка труб, установка арматуры, ванн, унитазов, раковин, душевых кабин, устройств доочистки воды.
                            <li>Электромонтажные работы – монтаж электрощита, прокладка электросети, монтаж распределительных коробок, установка УЗО, монтаж выключателей, розеток, стационарных осветительных приборов.
                            <li>Отделочные работы – штукатурка, настил полов, монтаж потолков, установка встроенных шкафов, дверей, оконных рам, облицовочные работы – обои/дерево/керамика/мозаика.
                            <li>Сопутствующий сервис – сооружение печей и каминов, благоустройство территории, строительство навесов, такелажные работы
                            <li>Постройка по вашему индивидульному проекту
                        </ul>
            </div>
            <div class="uslugi-vse">Мы выполняем все виды строительных и ремонтных работ, от возведения домов и косметического ремонта до                 сооружения и благоустройства территории. Предоставляемые строительные услуги характеризуются безупречным качеством работы.
                        Квалификация и многолетний опыт позволяют предложить вам не только низкие цены, но и безукоризненное качество выполненных работ. Комплекс строительных услуг включает в себя все аспекты: подготовительные работы, сооружение фундамента, возведение стен, в том числе из бревна или бруса, монтаж кровли и отделка помещений. Степень архитектурной сложности значения не имеет – квалификация позволяет работать с любыми объектами.
                        Наряду с капитальным строительством, мы можем предложить строительные услуги локального характера: электромонтажные и сантехнические работы, строительство заборов, косметический ремонт отдельных помещений и т.п.
            </div>
            </div> 
        </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
/*Uslugi*/
.parket {
  background: #ffffff url(derevo.jpg) center top; 
    background-size: cover;
    height: auto;
    padding: 0px;
    margin: 0px;
  }
     .parket .uslugi-content {
    width: 1200px;
    height: auto;
    margin: 0 auto;
  }
    .parket .uslugi-content .ukrashatel {
    width: 400px;
    height: 700px;
    border-left: 4px solid #00ab00;
    border-right: 4px solid #00ab00;
    float: left;
}
.parket .uslugi-content .uslugi-vse {
  width: 370px;
  height: auto;
  background: rgba(128, 128, 128, 0.7);
  color: white;
  font-family: arial;
  padding: 15px;
  text-align: justify;
  border: 4px solid #00ab00;
  }
.parket .uslugi-content .uslugi-stroi {
  width: 502px;
  height: auto;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-family: Arial;
  font-size: 34px;
  padding: 20px;
  border-right: 4px solid #00ab00;
  display: inline-block;
}
.uslugi-stroi li {
  color: grey;
  font-size: 18px;
  font-family: Arial;
  margin-bottom: 5px;
}
  /* Uslugi end */

@Ares111 · 12.08.2017, 11:15

Ориентировочно таким образом:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div class="parket">
        <div class="uslugi-content">
                        <div class="uslugi-left-block"><!--Блок, в который ложим контент левого столбца-->
            <img class="ukrashatel" src="humans.png" alt="Строительные услуги">
              <div class="uslugi-vse">Мы выполняем все виды строительных и ремонтных работ, от возведения домов и косметического ремонта до               сооружения и благоустройства территории. Предоставляемые строительные услуги характеризуются безупречным качеством работы.
                        Квалификация и многолетний опыт позволяют предложить вам не только низкие цены, но и безукоризненное качество выполненных работ. Комплекс строительных услуг включает в себя все аспекты: подготовительные работы, сооружение фундамента, возведение стен, в том числе из бревна или бруса, монтаж кровли и отделка помещений. Степень архитектурной сложности значения не имеет – квалификация позволяет работать с любыми объектами.
                        Наряду с капитальным строительством, мы можем предложить строительные услуги локального характера: электромонтажные и сантехнические работы, строительство заборов, косметический ремонт отдельных помещений и т.п.
            </div>
                        </div><!--Конец блока с контентом левого столбца-->
            <div class="uslugi-stroi">Услуги по строительству
                        <ul>
                            <li>Строительство домов и бань из бревна и бруса
                            <li>Строительство заборов: монолитных, кирпичных. деревянных, из проф-листа, сетки рабицы
                            <li>Капитальный ремонт и отделка квартир, загородных домов, офисов, промышленных помещений
                            <li>Ремонт-отделка санузлов под ключ
                            <li>Отдельные виды работ: сантехнические, плиточные, вентиляционные, сварные, электромонтажные, столярно-плотницкие работы,
                            монтаж сантехнических предметов, подвесных потолков сложных конструкций, кладочные штукатурные и малярные работы высокого уровня.
                            <li>Выезд на объект для составления сметы
                            <li>Подготовительные работы – корчевка деревьев, удаление плодородного слоя, вертикальная планировка участка.
                            <li>Работы нулевого цикла – геодезические работы, рытье котлована и траншей, прокладка коммуникаций.
                            <li>Бетонные работы – заливка фундамента, устройство бетонных площадок, сооружение бетонных перекрытий, сооружение бассейнов.
                            <li>Общестроительные работы – возведение несущих стен и перегородок из бревен/бруса/кирпича/шлакоблоков, устройство полов и перекрытий.
                            <li>Кровельные работы – монтаж стропильной системы, монтаж гидро/пароизоляции, настил любого(!) кровельного покрытия, устройство вентиляции подкрышного пространства, установка дымоходов и вентиляционных труб и пр.
                            <li>Сантехнические работы – прокладка труб, установка арматуры, ванн, унитазов, раковин, душевых кабин, устройств доочистки воды.
                            <li>Электромонтажные работы – монтаж электрощита, прокладка электросети, монтаж распределительных коробок, установка УЗО, монтаж выключателей, розеток, стационарных осветительных приборов.
                            <li>Отделочные работы – штукатурка, настил полов, монтаж потолков, установка встроенных шкафов, дверей, оконных рам, облицовочные работы – обои/дерево/керамика/мозаика.
                            <li>Сопутствующий сервис – сооружение печей и каминов, благоустройство территории, строительство навесов, такелажные работы
                            <li>Постройка по вашему индивидульному проекту
                        </ul>
            </div>
          
            </div> 
        </div>

и в стили добавляем:

CSS
1
2
3
4
.uslugi-left-block
    {
        display: inline-block;
    }

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

@kasper00761 · 12.08.2017, 11:36 **[ТС]**

Спасибо братюня, дальше вс епродолжил вроде получается))) держи плюсик)

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 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 считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

@kasper00761 0 / 0 / 0 Регистрация: 21.07.2017 Сообщений: 22
	12.08.2017, 11:36 [ТС]
	Спасибо братюня, дальше вс епродолжил вроде получается))) держи плюсик) 0