Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#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 wink

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