Перейти к содержимому

Фотография
- - - - -

Не отображается цвет фона. Помогите, пожалуйста, с версткой! SOS!


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
Сообщений в теме: 4

#1 Poi

Poi

    Прохожий

    Топикстартер
  • Новичок
  • 0
    3 сообщ.

Отправлено 14 Октябрь 2017 в 23:17

Не отображается цвет фона. Может быть проблема с установкой bootstrap? Нужны ли какие-то дополнительные элементы для связи с sublime text 3? Подскажите, пожалуйста :blush:  :blush:  :blush:

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Dogs</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
  </head>
      <body>
        <div class="top-block">
          <header>
            <div class="container">
              <div class="row">
                <div class="col-md-11">
                  <nav>
                    <ul class="list-inline">
                      <li><a href="#" title="link">Главная</a></li>
                      <li><a href="#" title="link">О нас</a></li>
                      <li><a href="#" title="link">Щенки на продажу</a></li>
                      <li><a href="#" title="link">Услуги</a></li>
                      <li><a href="#" title="link">Полезная  информация</a></li>
                      <li><a href="#" title="link">Контакты</a></li>
                    </ul>
                  </nav>
                </div>
              </div>
            </div>
          </header>
        </div>
</body>
</html> 
@font-family-base: OpenSansRegular;

a {
	text-decoration: none;
}
body {
	font-size: 16px;
	line-height: 1.5;
	font-family: "OpenSansRegular";
	color: #372923;
}
.top-block {
	background: url(../img/bg-top-block.gif);
	border-bottom: 5px solid #ffffff;

} 

  • 0

Спонсор

#2 Volly

Volly

    Увлеченный

  • Участник
  • 110
    540 сообщ.

Отправлено 15 Октябрь 2017 в 02:15

Вот эта строка ../img/bg-top-block.gif знаете что значит?

Скорей всего она неправильная или картинку bg-top-block.gif положили не туда.


  • 1

#3 Poi

Poi

    Прохожий

    Топикстартер
  • Новичок
  • 0
    3 сообщ.

Отправлено 16 Октябрь 2017 в 16:01

Volly, если строку background: url(../img/bg-top-block.gif), изменить, например, на background-color: yellow, фон не меняется :(


  • 0

#4 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1004
    3 629 сообщ.

Отправлено 16 Октябрь 2017 в 16:27

А изменение border-bottom реагирует?

Вариант, что другие элементы, типа header или любой ниже имеют свой фон и перекрывают.

 

https://jsfiddle.net/uLre09gL/


  • 1

#5 Poi

Poi

    Прохожий

    Топикстартер
  • Новичок
  • 0
    3 сообщ.

Отправлено 29 Октябрь 2017 в 20:14

Спасибо! Разобралась со всем)

 



  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей