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

Не разворачивается меню

20.09.2019, 05:57. Просмотров 322. Ответов 3
Метки нет (Все метки)


Все работает за одним исключением
1. Первый скриншот - Полный просмотр
2. Второй скриншот - Адаптивность. После разворачивания не срабатывает обратно.
Помогало мне убирать полностью код php со страницы, но это не выход. Там у меня подключаются страницы.

Листинг index.php
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
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
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
 <link rel="stylesheet" href="css/style.css" type="text/css"/>
  <title>Мой первый блог</title>
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
  <!-- Bootstrap core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <!-- Material Design Bootstrap -->
  <link href="css/mdb.min.css" rel="stylesheet">
  <!-- Your custom styles (optional) -->
 
 
<body>
<?PHP  require_once $_SERVER['DOCUMENT_ROOT'].'/head.php'; ?>
<div class="shapka">
<?PHP  require_once $_SERVER['DOCUMENT_ROOT'].'/top.php'; ?>
</div>
<div class="page">
 <div class="sidebar_left">
 <?PHP  require_once $_SERVER['DOCUMENT_ROOT'].'/sidebar1.php'; ?>
 ?>
 </div>
 <div class="container">
 
<div class="article"> Мой первый блог </div>
<div class=""><h3>Idenline - Your time (Original Mix) [2019] </h3>
<img src="https://images.pexels.com/photos/2911547/pexels-photo-2911547.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" width ="20%" alt="">
 
<p>Idenline - Your time (Original Mix) </p>
<em> Опубликовано 2019-19-09 </em> 
<br>
</div>
&nbsp <div><h3>Idenline - Your time (Original Mix) [2019] </h3></div>
<img src="https://images.pexels.com/photos/2911547/pexels-photo-2911547.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" width ="20%" alt="">
<p>Idenline - Your time (Original Mix) </p>
<em> Опубликовано 2019-19-09 </em>
 </div>
...
 <div class="sidebar_right">
 <?PHP  require_once $_SERVER['DOCUMENT_ROOT'].'/sidebar2.php'; ?>
 </div>
...
 <div class="outer">
 <?PHP  require_once $_SERVER['DOCUMENT_ROOT'].'/footer.php'; ?>
 </div>
</div>
  <!-- SCRIPTS -->
  <!-- JQuery -->
  <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
  <!-- Bootstrap tooltips -->
  <script type="text/javascript" src="js/popper.min.js"></script>
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <!-- MDB core JavaScript -->
  <script type="text/javascript" src="js/mdb.min.js"></script>
</body>
</html>
Листинг head.php (меню)

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Шапка сайта </title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar fixed-top navbar-expand-lg navbar-light white scrolling-navbar">
<div class="container">
<a href="#" class="navbar-brand waves-effect">
<strong class="blue-text">WDB</strong>
</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navContent"
aria-controls="navContent" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navContent" class="collapse navbar-collapse">

<ul class="navbar-nav mr-auto">

<li class="nav-item active">
<a href="#" class="nav-link waves-effect">Home </a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">Posts</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">Blog </a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">Contacts</a>
</li>
</ul>
<ul class="navbar-nav nav-flex-icons">

<li class="nav-item">
<a href="#" class="nav-link waves-effect">
<i class="fab fa-facebook"></i>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">
<i class="fab fa-google"></i>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">
<i class="fab fa-facebook"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
</body>
</html>
0
Миниатюры
Не разворачивается меню   Не разворачивается меню  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.09.2019, 05:57
Ответы с готовыми решениями:

Не разворачивается форма
Доброго времени суток. Запускаю программу открываются 2 окна, второе окно я закрываю, а на...

Не разворачивается система на пк
Ситуация такая, полетела мать на компьютере LENOVO M920s, система стояла там корпоративная,...

Не разворачивается терминал
Здравствуйте все. Помогите пожалуйста решить проблему. Есть сервер 2003, подключаемся к нему через...

Форма постоянно разворачивается!
Всем здравствуйте! Delphi для меня темный лес, но так сложилось, что нужно в нем сделать одну...

__________________
Помогаю в написании студенческих работ здесь.
3
38 / 27 / 12
Регистрация: 13.09.2019
Сообщений: 126
20.09.2019, 08:29 2
А как вы обрабатываете клик можете показать?
0
0 / 0 / 1
Регистрация: 04.08.2017
Сообщений: 20
20.09.2019, 10:34  [ТС] 3
Cheeeasy2501,

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
<div id="navContent" class="collapse navbar-collapse">
 
<ul class="navbar-nav mr-auto">
 
<li class="nav-item active">
<a href="#" class="nav-link waves-effect">Home </a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">Posts</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">Blog </a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">Contacts</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">Blog </a>
</li>
<li class="nav-item">
<a href="#" class="nav-link waves-effect">Contacts</a>
</li>
</ul>
....
</div>
0
38 / 27 / 12
Регистрация: 13.09.2019
Сообщений: 126
20.09.2019, 11:08 4
PO_4, Я не про Html код, а про JS или jquery
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
20.09.2019, 11:08

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Не разворачивается Web приложение
Создал свое первое Web приложение на ASP.NET, просто разместил кнопку, в Visual Studio запускается...

Во что разворачивается оператор switch?
Насколько понимаю, switch - синтаксический сахар. Во что разворачивается оператор switch при...

Приложение сворачивается в панель и не разворачивается
Скомпилировал Project.exe, проверил на своём ПК - всё работает. Переношу Project.exe на др. ПК,...

VirtualBox не разворачивается на весь экран
поставил ubuntu установил доп.гостевой ОС установка прошла. перезагрузил. но все равно на весь...


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

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

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