Dropdown materialize, aucune réaction
K3nix
Messages postés
143
Statut
Membre
-
SKYMWebDev Messages postés 193 Statut Membre -
SKYMWebDev Messages postés 193 Statut Membre -
Bonjour,
Je viens ici aujourd'hui pour vous présenter mon problème qui est le suivant :
j'ai réalisé la première page de mon portfolio en html j'y ai ajouté un menu de navigation ajouté des boutons et un dropdown celui ci a toujours marché sauf vers la fin (une fois que j'ai complété la page avec "mon parcours")
il est en ligne a l'adresse http://cappsim.fr
le problème étant le dropdown "Mes compétences" qui ne se déroule plus ainsi que le menu sandwich qui n'apprait plus lors de la navigation mobile
le code HTML :
https://pastebin.com/5VecrsA3
Le code CSS style.css
https://pastebin.com/pGdk96LJ
Je viens ici aujourd'hui pour vous présenter mon problème qui est le suivant :
j'ai réalisé la première page de mon portfolio en html j'y ai ajouté un menu de navigation ajouté des boutons et un dropdown celui ci a toujours marché sauf vers la fin (une fois que j'ai complété la page avec "mon parcours")
il est en ligne a l'adresse http://cappsim.fr
le problème étant le dropdown "Mes compétences" qui ne se déroule plus ainsi que le menu sandwich qui n'apprait plus lors de la navigation mobile
le code HTML :
https://pastebin.com/5VecrsA3
Le code CSS style.css
https://pastebin.com/pGdk96LJ
A voir également:
- Dropdown materialize, aucune réaction
- Reaction story instagram - Accueil - Réseaux sociaux
- Caisson de basse sans reaction - Forum Enceintes / HiFi
- Comment supprimer une réaction sur facebook - Forum Facebook
- Bot discord, mute par réaction - Forum Javascript
- Délai de réaction sur Xiaomi A3 - Forum Xiaomi
3 réponses
Bonjour, voila mon code, fonctionne parfaitement... ;)
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<!-- Dropdown Trigger -->
<a class='dropdown-button btn' href='#' rel="nofollow noopener noreferrer" target="_blank" data-activates='dropdown1'>Drop Me!</a>
<!-- Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'>
<li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">one</a></li>
<li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">two</a></li>
<li class="divider"></li>
<li><a href="#!" rel="nofollow noopener noreferrer" target="_blank">three</a></li>
</ul>
<script type="text/javascript">
$('.dropdown-button').dropdown({
inDuration: 300,
outDuration: 225,
constrain_width: false, // Does not change width of dropdown to that of the activator
hover: true, // Activate on hover
gutter: 0, // Spacing from edge
belowOrigin: false, // Displays dropdown below the button
alignment: 'left' // Displays dropdown with edge aligned to the left of button
}
);
</script>
</body>
</html>
