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

Откуда появился отступ?

16.06.2018, 09:41. Показов 1237. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброе утро, подскажите откуда появился отступ сверху в блоке у h2 (Walter Williams)

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Вариант № 5</title>
    <meta name="keywords" content="учусь, ПГСХА, Пермь, вариант 5">
    <meta name="description" content="Делаю работу для тренировки">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <section class="testimonials">
        <h1>Testimonials</h1>
        <hr class="line">
        <div class="card">
            <img src="img/1.jpg" alt="Фото" alt="Фото" align="left">
            <div class="triangle"></div>
            <div class="text">
                <h2>Walter Williams</h2>
                <h3>Architect</h3>
            </div>
        </div>
        <div class="card">
 
        </div>
    </section>
    <section class="best_web">
        
    </section>
</body>
</html>
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
body {
    background: #F8F8F8;
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}
 
.testimonials {
    text-align: center;
}
 
.testimonials h1 {
    font-size: 32px;
    margin: 0;
    padding-top: 40px;
}
 
.line {
    width: 72px;
    height: 3px;
    background: #d6d6d6;
    color: #d6d6d6;
    border: none;
    margin: 30px auto 0 auto;
}
 
.card {
    background: #fff;
    margin-top: 59px;
    width: 600px;
    height: 350px;
    display: inline-block;
    margin-right: 35px;
}
 
.card:last-child {
    margin-right: 0;
}
 
.triangle {
    margin: 0 auto;
    position: relative;
    top: 165px;
    right: 331px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 17px solid #fff;
}
 
.text {
    width: 280px;
    float: right;
    text-align: left;
}
 
h2 {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    letter-spacing: 0.010em;
}
 
h3 {
    margin: 0;
    padding: 0;
}
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
16.06.2018, 09:41
Ответы с готовыми решениями:

В ie появился отступ
Доброе время суток На сайте во всех браузерах КАТАЛОГ ОБОРУДОВАНИЯ кнопки ПОДРОБНЕЕ и ОСТАВИТЬ ЗАПРОС отображаются нормально в одну...

При переносе сайта на хостинг появился отступ
http://www.fajjet.meximas.com Сверстал часть сайта. Появился верхний отступ. Причину нашел. Но ни разу с таким не сталкивался. Не знаю...

Откуда берется отступ?
при установке float: left; для блока, откудо то появляется отступ сверху, в чем подвох? &lt;div id=&quot;left_bar&quot;&gt; ...

1
0 / 0 / 0
Регистрация: 31.05.2018
Сообщений: 104
16.06.2018, 09:47  [ТС]
Проблему решил, спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
16.06.2018, 09:47
Помогаю со студенческими работами здесь

Откуда берется отступ
Добрый день уважаемые. Я видать пропустил где-то кусок в образовании, но не могу понять откуда берется отступ в правой части экрана при,...

Странный отступ, откуда он берётся?
Здравствуйте увыжаемый народ, подскажите в чём причина этой проблемы. Откуда берётся данный отступ. (Код прилагаю + скриншот) ...

Не могу понять откуда отступ
Доброй ночи. Решил сверстать макет. Никак не могу понять откуда отступ между header-ом и меню под ним. Html Код &lt;!DOCTYPE html&gt; ...

Откуда отступ перед картинкой?
Здравствуйте. есть html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;Чат комната&lt;/title&gt; ...

Откуда берётся этот отступ? (На картинке)
Доброго всем вечера! Дело в том, что я хотел создать шаблон на своем сайте (через конструктор uCoz) с нуля, но возникла такая проблемка: ...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru