Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
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
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
14.01.2015, 17:32
Ответы с готовыми решениями:

Как сместить блок текста влево/вправо?
Доброго времени суток. У меня проблема с тегом <h1> (слово "Регистрация"), не могу его поместить левее. Как это можно сделать? Хотя бы...

Создать текстовый файл (txt) записать в него английские буквы и цифры и сместить их на к-элементов вправо
создать текстовый файл(txt) записать в него английские буквы и цифры и сместить их на к-элементов в право. пример файл (a 1 9 b) если...

Не удается открыть текстовый файл
Нужно открыть файл при нажатии кнопки. то, что написала, при нажатии выдает, что файл не найден. что не так? void __fastcall...

10
9 / 9 / 5
Регистрация: 14.01.2015
Сообщений: 173
14.01.2015, 17:59
мб лучше сюда код/часть кода и css?
0
32 / 14 / 6
Регистрация: 11.04.2014
Сообщений: 240
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;
}
0
0 / 0 / 0
Регистрация: 14.01.2015
Сообщений: 2
14.01.2015, 18:11
попробуй докрутить к класу "title-viz" отступ padding-top: 194px;
0
9 / 9 / 5
Регистрация: 14.01.2015
Сообщений: 173
14.01.2015, 18:29
кстати, марджины, падины задаются по часовой стрелке:
top, right, bottom, left

и мб проблема в position: relative; для .intro-message?
position: на сколько я знаю "вырывает" из потока элемент. Мб другой вариант позиционирования использовать?
0
32 / 14 / 6
Регистрация: 11.04.2014
Сообщений: 240
14.01.2015, 18:37  [ТС]
Добавил padding-top: 194px; и раньше добавлял, и ничего не выходит т.к. бэкграуд увеличивается((

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

и мб проблема в position: relative; для .intro-message?
position: на сколько я знаю "вырывает" из потока элемент. Мб другой вариант позиционирования использовать?
Я уже сам не знаю, перепробовал , что угодно.
0
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:53
CSS
1
2
3
4
5
.title-viz {
/* padding-top: 194px; */
position: relative;
top: 90px;
}
0
 Аватар для Al_lord
39 / 39 / 26
Регистрация: 11.01.2014
Сообщений: 343
15.01.2015, 01:56
но я бы сделал div, имитирующий границы визитки и сдвигал именно этот div. И с текстом поработал бы, чтоб он не выходил за границы визитки
Миниатюры
Не удается сместить текстовый блок  
0
0 / 0 / 0
Регистрация: 14.01.2015
Сообщений: 2
15.01.2015, 02:09
А можно еще тупо над текстом <br> понаставить
0
32 / 14 / 6
Регистрация: 11.04.2014
Сообщений: 240
15.01.2015, 10:42  [ТС]
.title-viz {
/* padding-top: 194px; */
position: relative;
top: 90px;
}
Да это сделал , а дальше все доработал, спасибо большое)

А можно еще тупо над текстом <br> понаставить
хороший вариант
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
15.01.2015, 10:42
Помогаю со студенческими работами здесь

Не удается прочитать текстовый файл который создан из приложения
Задача открывать из написаного мною приложения тектовые файлы которые не созданы этим приложением! Я сейчас пришу приложение и для...

Не удается обработать событие. блок прослушивания ругается
/* ЗАДАНИЕ: Две панели размещаются в строку. Левая панель предназначена для рисования массива цветных панелей (квадратов) и...

Не удается написать "Hello World!" в текстовый файл
Пытаюсь просто записать Hello World в текстовый файл, но он остается пустым. Скрипт php в конце body, где и ссылки на js скрипты: ...

Текстовый блок и кучка ссылок
Имеем главную страничку раздела продуктов. На ней у нас 1) блок из 3 ссылок на самые актуальные спецпредложения 2)общая таблица тех же...

Вставить блок в текстовый файл
Всем день добрый! Может есть у кого, программка: вставляет блок из трёх строк в текстовый файл, через выбираемое кл-во строк или Кбайт?


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

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
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
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru