Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
GEORGE001
0 / 0 / 1
Регистрация: 05.01.2018
Сообщений: 48
#1

Траблы с отступами - HTML, CSS

11.02.2018, 23:42. Просмотров 102. Ответов 1

проблема вот в чем, я хочу отодвинуть текст ниже чем он есть на 100px
HTML5
1
2
3
4
5
6
<div class="section1">
        <div class="container">
            <div class="zag1">Some Text</div>
            <h2>Lorem ipsum dolor sit </h2>
        </div>
    </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
.section1
{
    background-image: url(../img/геометрия.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    color: black;
}
.zag1{
    margin-top: 100px;
    font-family: Atiba;
    font-size: 35px;
    text-transform: uppercase;
    text-align: center;
    display: block;
}
h2{
    display: block;
    font-family: Century;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center
}
Отодвигается не текст, а целый класс section
при том, что если я делаю padding-top в .section1, все работает и отодвигается уже текст.
0
Миниатюры
Траблы с отступами  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.02.2018, 23:42
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Траблы с отступами (HTML, CSS):

div с отступами!
Привет! Ширина родителя 1170px. Ширина каждого из 3-х блоков 370px....

Не могу разобраться с отступами
Помогите дать кнопке &quot;регистрация&quot; Те же свойства, что и у кнопки &quot;Войти&quot;. Т.е...

Bootstrap сетка с отступами
Добрый день уважаемые, только начал верстать с использованием Bootstrap так...

Проблема с резиновыми отступами
Здравствуйте. Есть на странице 3 блока по 30%. отступы между - 2%, со сторон -...

3 резиновых блока с фиксированными отступами
В общем, столкнулся с такой проблемой при верстке адаптивного сайта. Ширина...

Таблица с горизонтальной прокруткой и отступами
Доброго времени суток, комрады. Есть страничка с формой и таблицей с...

1
nooclik
26 / 26 / 16
Регистрация: 05.07.2014
Сообщений: 178
11.02.2018, 23:49 #2
так пропишите
CSS
1
padding-top: 100px
для текста, и опустится только текст...
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.02.2018, 23:49
Привет! Вот еще темы с решениями:

Вложенный div с высотой родителя и отступами
Только начал изучать html и CSS. Никак не могу понять как сделать простую вещь:...

Растянуть боковые div на 100% c отступами
Нужно сверстать страницу имеются 4 дива: 1 сверху 1 снизу и 2 по бокам. Нужно...

Как вписать изображение в блок с внутренними отступами?
Имеется блок со следующими стилями: .block { border: solid 1px black; ...

Как залить область страницы с небольшими отступами от краёв
Хочу сделать второй фон для размещения на нём материала, подскажите, как залить...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru