Pages : 1
#1 Le 07/12/2015, à 09:21
- hyppothalus
[HTML] - Problème menu déroulant
Bonjour,
Je viens de faire une page avec BootStrap et les menus déroulants ne fonctionne pas alors que j'ai suivit le code source à la lettre
Voici mon code:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Caranille</title>
<link href="http://radio-virtuelle.fr/Caranille/Design/css/bootstrap.min.css" rel="stylesheet">
<link href="http://radio-virtuelle.fr/Caranille/Design/css/navbar.css" rel="stylesheet">
</head>
<body>
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Caranille</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Le jeu<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="http://radio-virtuelle.fr/Caranille/Modules/Main/index.php">Accueil</a></li>
<li><a href="http://radio-virtuelle.fr/Caranille/Modules/Presentation/index.php">Présentation</a></li>
<li><a href="http://radio-virtuelle.fr/Caranille/Modules/DeleteAccount/index.php">Supprimer mon compte</a></li>
<li><a href="http://radio-virtuelle.fr/Caranille/Modules/About/index.php">About</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Mon compte<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="http://radio-virtuelle.fr/Caranille/Modules/Register/index.php">Inscription</a></li>
<li><a href="http://radio-virtuelle.fr/Caranille/Modules/Login/index.php">Connexion</a></li>
<li><a href="http://radio-virtuelle.fr/Caranille/Modules/DeleteAccount/index.php">Supprimer mon compte</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Communautée<span class="caret"></span></a>
<ul class="dropdown-menu">
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
</ul>
</div>
</div>
</nav>
<div class="jumbotron"> <br><div class="panel panel-warning">
<div class="panel-heading">
<h3 class="panel-title">News publiée le 2015-12-07 08:49:27 par admin</h3>
</div>
<div class="panel-body">
<h4>Installation de Caranille</h4>
Félicitation Caranille est bien installé, vous pouvez éditer cette news ou la supprimer </div>
</div>
</div>
<p>
<div class="panel panel-info">
<div class="panel-body">
<center><a href="https://github.com/Caranille/Caranille">RPG made with Caranille</a><br/>
Execution time: 0.295 seconds</center> </div>
</div>
</p>
</div>
<script src="http://radio-virtuelle.fr/Caranille/Design/js/bootstrap.min.js"></script>
<script src="http://radio-virtuelle.fr/Caranille/Design/js/jquery.js"></script>
</body>
</html>Je ne comprends pas les fichiers CSS sont bien chargé tout comme Jquery (Même Firefox ne trouve aucune erreur et ça fait 2 heures que je suis dessus...)
Voici un site qui utilise ce code et auxquel ça fonctionne:
http://getbootstrap.com/examples/navbar/
Merci énormément de votre aide 
Dernière modification par hyppothalus (Le 07/12/2015, à 09:56)
La radio du libre c'est Radio-Virtuelle
http://www.radio-virtuelle.fr
Hors ligne
#2 Le 07/12/2015, à 15:25
- hyppothalus
Re : [HTML] - Problème menu déroulant
Bonjour,
Je viens de voir le problème il fallait inverser deux ligne (Mettre la librairie JQUERY avant celle de BootStrap)
La radio du libre c'est Radio-Virtuelle
http://www.radio-virtuelle.fr
Hors ligne