Не удается сместить текстовый блок

@vitamin4ik · Регистрация: 11.04.2014

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

Здравствуйте! Подскажите пожалуйста, как в данном случае сдвинуть текст в "визитку" ? я уже голову сломал, не могу понять мочему не действует margin-top или padding-top, отступа нет, background увеличивается

modx.itstore.org.ua , вот если зайти то на визитке должно быть "ЮРИДИЧЕСКИЕ УСЛУГИ 16 лет успешной работы" а их сдвинуть вообще не возможно(( Очень прошу помочь в решении этой проблемы. Заранее благодарен

@Goldsilver · 14.01.2015, 17:59

мб лучше сюда код/часть кода и css?

@vitamin4ik · 14.01.2015, 18:05 **[ТС]**

Вот код html вызова

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
<div class="intro-header">
 
        <div class="container">
 
            <div class="row">
                <div class="col-lg-12">
                                    <div class="intro-message">
                                    <div class="title-viz">
                                    <p class="urusl"> ЮРИДИЧЕСКИЕ УСЛУГИ</p>  <- проблема с этим
                                    <p class="welcomes">16 лет успешной работы</p> <- проблема с этим
                                    </div>
                     <div class="col-xs-4 cb">
                        <input type="text" class="form-control cb" placeholder="Имя"></div>
                      <div class="col-xs-4 cb">
                         <input type="text" class="form-control cb" placeholder="Телефон"></div>
                       <div class="col-xs-4 cb">
                           <button type="button" class="btn btn-danger snd0 ">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</button></div>
                    </div>
                </div>
            </div>
 
        </div>
        <!-- /.container -->
    </div>

CSS вот

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
.intro-header {
/* margin-top: 100px; */
padding-top: 50px;
padding-bottom: 123px;
text-align: center;
color: #f8f8f8;
background: url(../img/intro-bg.png) no-repeat center;
background-size: cover;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.intro-message {
position: relative;
padding-top: 20%;
padding-bottom: 20%;
}
 
.urusl {
text-align: center;
font-family: 'Roboto Slab', sans-serif;
color: black;
font-size: 27px;
margin-top: 40px;
}
.welcomes {
text-align: center;
font-size: 19.9px;
font-family: Lobster, sans-serif;
font-weight: 400;
color: #cb0c0c;
margin-left: 5px;
margin-right: 5px;
margin-top: 35px;
}

@destroyko · 14.01.2015, 18:11

попробуй докрутить к класу "title-viz" отступ padding-top: 194px;

@Goldsilver · 14.01.2015, 18:29

кстати, марджины, падины задаются по часовой стрелке:
top, right, bottom, left

и мб проблема в position: relative; для .intro-message?
position: на сколько я знаю "вырывает" из потока элемент. Мб другой вариант позиционирования использовать?

@vitamin4ik · 14.01.2015, 18:37 **[ТС]**

Добавил padding-top: 194px; и раньше добавлял, и ничего не выходит т.к. бэкграуд увеличивается((

Добавлено через 40 секунд

кстати, марджины, падины задаются по часовой стрелке:
top, right, bottom, left

и мб проблема в position: relative; для .intro-message?
position: на сколько я знаю "вырывает" из потока элемент. Мб другой вариант позиционирования использовать?

Я уже сам не знаю, перепробовал , что угодно.

@eklerstudio · 14.01.2015, 21:40

Пропробуй обернуть текст в див, задай вертикальные размеры, горизонтальные на авто, текст алигн: центр, либо теперь поменяй маржир, либо позишн: абсолют и уже указывай относительно intro-message, и к слову, элемент позишн релатив должен оборачивать абсолют, а не быть на одном уровне с ним.
И там где <div class="title-viz"> отсутствует замыкающий </div> помоему, или я чего-то не заметил.

@Al_lord · 15.01.2015, 01:53

CSS
1
2
3
4
5
.title-viz {
/* padding-top: 194px; */
position: relative;
top: 90px;
}

@Al_lord · 15.01.2015, 01:56

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

@eklerstudio · 15.01.2015, 02:09

А можно еще тупо над текстом <br> понаставить

@vitamin4ik · 15.01.2015, 10:42 **[ТС]**

.title-viz {
/* padding-top: 194px; */
position: relative;
top: 90px;
}

Да это сделал , а дальше все доработал, спасибо большое)

А можно еще тупо над текстом <br> понаставить

хороший вариант

Новые блоги и статьи Все статьи Все блоги /
Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

@vitamin4ik 32 / 14 / 6 Регистрация: 11.04.2014 Сообщений: 240

	Не удается сместить текстовый блок 14.01.2015, 17:32. Показов 1127. Ответов 10 Метки нет (Все метки) Здравствуйте! Подскажите пожалуйста, как в данном случае сдвинуть текст в "визитку" ? я уже голову сломал, не могу понять мочему не действует margin-top или padding-top, отступа нет, background увеличивается modx.itstore.org.ua , вот если зайти то на визитке должно быть "ЮРИДИЧЕСКИЕ УСЛУГИ 16 лет успешной работы" а их сдвинуть вообще не возможно(( Очень прошу помочь в решении этой проблемы. Заранее благодарен 0

@Goldsilver 9 / 9 / 5 Регистрация: 14.01.2015 Сообщений: 173
	14.01.2015, 17:59
	мб лучше сюда код/часть кода и css? 0

@destroyko 0 / 0 / 0 Регистрация: 14.01.2015 Сообщений: 2
	14.01.2015, 18:11
	попробуй докрутить к класу "title-viz" отступ padding-top: 194px; 0

@Goldsilver 9 / 9 / 5 Регистрация: 14.01.2015 Сообщений: 173
	14.01.2015, 18:29
	кстати, марджины, падины задаются по часовой стрелке: top, right, bottom, left и мб проблема в position: relative; для .intro-message? position: на сколько я знаю "вырывает" из потока элемент. Мб другой вариант позиционирования использовать? 0

@eklerstudio 0 / 0 / 0 Регистрация: 14.01.2015 Сообщений: 2
	14.01.2015, 21:40
	Пропробуй обернуть текст в див, задай вертикальные размеры, горизонтальные на авто, текст алигн: центр, либо теперь поменяй маржир, либо позишн: абсолют и уже указывай относительно intro-message, и к слову, элемент позишн релатив должен оборачивать абсолют, а не быть на одном уровне с ним. И там где <div class="title-viz"> отсутствует замыкающий </div> помоему, или я чего-то не заметил. 0

@Al_lord 39 / 39 / 26 Регистрация: 11.01.2014 Сообщений: 343
	15.01.2015, 01:56
	но я бы сделал div, имитирующий границы визитки и сдвигал именно этот div. И с текстом поработал бы, чтоб он не выходил за границы визитки Миниатюры 0

@eklerstudio 0 / 0 / 0 Регистрация: 14.01.2015 Сообщений: 2
	15.01.2015, 02:09
	А можно еще тупо над текстом <br> понаставить 0