sovsemnovichok

Подскажите, пожалуйста

Рекомендованные сообщения

Подскажите, пожалуйста, как убрать слишком большой отступ между контентом и футером в HTML

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Здравствуйте!

Спасибо за внимание.

Я только пробую написать простенький сайт на несколько страниц. Но на главной странице футер слишком низко, хотя на остальных страницах все нормально. Не могу найти ошибку.

 

2 часа назад, klierik сказал:

Дай URL

Здравствуйте!

Спасибо за внимание.

Я только пробую написать простенький сайт на несколько страниц. Но на главной странице футер слишком низко, хотя на остальных страницах все нормально. Не могу найти ошибку.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
13 минут назад, klierik сказал:

Не могу сказать что не так не видя кода.

 

Скрытый текст

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta keywords="ski jumping, ski jumping hill, ski flying, ski jumping world cup, fis, ski jumping calendar, ski jumping news">
    <title>Ski Jumping UA</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
</head>
<body bgcolor="#cfcfcf">
<header>
    <div class="logo">
        <a href="index.html"><img class="graficlogo" src="img/jumping.jpg" alt="jumping"></a>
    </div>
    <nav>
        <div class="topnav" id="myTopnav">
        <a href="index.html">HOME</a>
        <a href="projects.html">PROJECTS</a>
        <a href="blog.html">BLOG</a>
        <a href="contact.html">CONTACT</a>
        <a href="about.html">ABOUT</a>
        <a href="services.html">SERVICES</a>
        <a href="location.html">LOCATION</a>
        <a id="menu" href="#" class="icon"></a>
        </div>
    </nav>
</header>
<main>
    <div class="blog-conteiner">
        <div class="blog-header">
            <div class="blog-cover">
            </div>    
        </div>
    </div>
</main>
<footer>
    <nav>
        <a href="index.html">HOME</a>
        <a href="projects.html">PROJECTS</a>
        <a href="blog.html">BLOG</a>
        <a href="contact.html">CONTACT</a>
        <a href="about.html">ABOUT</a>
        <a href="services.html">SERVICES</a>
        <a href="location.html">LOCATION</a>
    </nav>
    <div>
    <p>Контакты:</p>
    <p>тел: 0502399041</p>
    <p>e-mail: makeenko20052005@list.ru</p>
    <p>Skijumping.ua.2017</p>
    </div>
</footer>
<script src="js/script.js"></script>
</body>
</html>

 

 

Изменено пользователем klierik

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Выложи код полностью, HTML+CSS+JS, в интернет. На пример на http://jsfiddle.net/

За одно прочитай по ссылке в подписи как правильно оформлять тему

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
23 минуты назад, klierik сказал:

Выложи код полностью, HTML+CSS+JS, в интернет. На пример на http://jsfiddle.net/

За одно прочитай по ссылке в подписи как правильно оформлять тему

https://jsfiddle.net/0edbc0dx/1/

Надеюсь, я все правильно сделала.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
14 минут назад, klierik сказал:

Да, всё правильно, но я не вижу тут большого отступа: http://take.ms/EVPx4

 

Посмотрите, пожалуйста, еще раз код здесь

https://jsfiddle.net/0edbc0dx/3/

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Проблема с отступом из-за стилей:

.advantages {
  padding-bottom: 50%;
}

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
4 минуты назад, klierik сказал:

Проблема с отступом из-за стилей:


.advantages {
  padding-bottom: 50%;
}

 

Огромное спасибо!!!

Получилось!!!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

Learn HTML in 2 hours!