Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Верстка сайта 
:(
    Опции темы
Chate
Дата 22.3.2017, 13:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 10
Регистрация: 10.5.2016

Репутация: нет
Всего: нет



Здравствуйте. Пробую сверстать сайт с помощью Bootstrap.  Проблема: если в браузере начать уменьшать экран (через Инструменты разработчика), то перед строкой меню появляется белый промежуток. Если же сайт развернуть на весь экран, то данного промежутка нет. Пожалуйста, помогите! Уже второй день мучаюсь, не могу понять, почему он появляется.
Спасибо. Код ниже 

Код

<head>
<title> Мир океанов</title>
         
         <link rel="stylesheet" type="text/css" href="CSS index Ocean.css" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        
        <link href="css/bootstrap.css" rel="stylesheet"/>
        
       <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
       <script src="js/bootstrap.min.js"></script>
       <script src="js/s3Slider.js" type="text/javascript"></script>


</head>
       <body>
      
    <div class = "container-fluid" > <!-соединяем все ниже шапки в единый контейнер>
           <div id = "header" class = "row"> 
           <div class = "img-responsive" "col-xs-12 col-sm-12 col-md-912col-lg-12">
           </div>
           <div class = "col-xs-4 col-sm-4 col-md-4 col-lg-4"><h3 align = "left"> Мир океанов</h3> 
           </div>
           </div>
           <div class = "row">
        <div id = "MenuOcean" class = "col-md-12 col-xs-12 col-sm-12 col-lg-12">
<ul>
        <li><a  href="">Главная</a> 
        </li><li><a  href="">Статьи </a>
        </li><li><a  href="">Фотографии</a></li>
        </ul>
        </div>
        </div>
        </div>

       </body>
       </html>


Код CSS 
Код

#header {
    background-image:url(Head.JPG);
    height:40%;
    font-size: 20px;
    color: yellow;
    padding:25px;
    
    margin: 0px;
}

    #slide {
        background-image:url(fon4.jpg);
    }

    #MenuOcean ul {
        list-style: none;
        margin: 0px;
        padding:0px;
        background: linear-gradient(to top, #1E388F 20%,#6E84CE  50%, #1A3075 80%);
        text-align: center;
        
    }

    #MenuOcean > ul > li  {
        display: inline-block;
        margin:0px;
        
    }

    #MenuOcean> ul > li > a {
        display: block;
        padding: 20px 20px;
        text-decoration: none;
        color: #070719;
        line-height: 40px;
        font-size: 22px;
        font-style: ;
        font-weight: bold;
        margin: 0px;
        
    }
     #MenuOcean li a:hover {
    font-size:22px; 
    color:#CED8F6;
    }

    

PM MAIL   Вверх
EvgL
Дата 26.3.2017, 10:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 4
Регистрация: 24.3.2017

Репутация: нет
Всего: нет



Всем привет!
Для тех, кто желает изучить программирование web-страниц с нуля или увеличить экспертность своих знаний в данной теме, современный образовательный проект OnlineZnaniya.ru предлагает авторский курс: «Технология создания web-страниц с нуля под ключ» - https://vk.cc/6pMz4z
Курс состоит из практических видеоуроков с домашними заданиями и личной обратной связью эксперта! 

Видеокурс находится в процессе записи и сейчас есть уникальная возможность приобрести его со скидкой 70%. Только 10 человек смогут воспользоваться данным предложением в течение 5 дней, на сегодняшний день осталось всего 7. 

Первый урок уже записан и вы можете его посмотреть - бесплатно!

Для просмотра урока, кликните по ссылке - https://vk.cc/6pMzWs

--
Возникли вопросы, пиши мне
Евгения Лисичкина 
Менеджер проекта OnlineZnaniya.ru
Skype: Evgenia1q2w
vk.com/onlineznaniya
help@onlineznaniya.ru 
https://onlineznaniya.ru

PM MAIL   Вверх
Areostar
Дата 9.4.2017, 13:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 982
Регистрация: 5.4.2008

Репутация: -1
Всего: -2



Про media query слышали чего нибудь!?
PM MAIL   Вверх
maksimkatt
Дата 7.5.2018, 19:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 7.5.2018

Репутация: нет
Всего: нет



Здравствуйте,  лучше всего создать сайт приближенный интернет магазину.  Во-первых это прибыльно. Во-вторых удобно. И вовсе всем проще заказывать товар с интернета. Ну сайт лучше красиво оформить. Сами вы это сделать не сможете. Поэтому лучше обратиться профессионалам. Вот ссылка  http://profitkit.ru/razrabotka-saytov/sozd...rnet-magazinov/. Они вам точно помогут. 
PM MAIL   Вверх
Google
  Дата 16.10.2019, 14:48 (ссылка)  





  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0860 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.