menu déroulant au dessus de la page HTML
menu déroulant au dessus de la page HTML - HTML/CSS - Programmation
Marsh Posté le 27-05-2013 à 17:21:37
je t'invite à utiliser twitter bootstrap qui est une bonne base pour démarrer un site, surtout que tu n'y connais pas grand chose.
En tout cas il y a tous les composants dont tu as besoin :
http://twitter.github.io/bootstrap [...] nDropdowns
---------------
Blablaté par Harko
Marsh Posté le 28-05-2013 à 15:44:13
merci ca a l'air d'être ca ! mais j'ai quelquechose a telecharger ? je vois pas comment me procurer le bootstrap JS...
Marsh Posté le 28-05-2013 à 15:52:00
avoue, tu te moques de moi ?
http://twitter.github.io/bootstrap/index.html
---------------
Blablaté par Harko
Marsh Posté le 28-05-2013 à 15:58:46
ah oui effectivement ^^ bon bah autant pour moi alors! merci!
Marsh Posté le 29-05-2013 à 14:47:53
j'ai le code suivant et j'obtiens une page complètement blanche... comme si j'avais rien mis, et je vois pas d'ou peut venir l'erreur?
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='../bootstrap/css/bootstrap.css'>
<script src='http://code.jquery.com/jquery.js'>
</script>
<script src='../bootstrap/js/bootstrap.js'>
</script>
</head>
<body>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li>
<a tabindex="-1" href="#">
test link menu
</a>
<li class="dropdown-submenu">
<a tabindex="-1" href="#">
submenu
</a>
<ul class='dropdown-menu'>
<li>
<a tabindex='-1' href='#'>
submenu
</a>
</li>
<li>
<a tabindex='-1' href='#'>
submenu
</a>
</li>
<li>
<a tabindex='-1' href='#'>
submenu
</a>
</li>
</ul>
</li>
</ul>
</body>
</html>
Marsh Posté le 29-05-2013 à 15:04:45
tu as modifié la CSS de bootstrap ?
tu as essayé de debugger avec firebug ?
---------------
Blablaté par Harko
Marsh Posté le 29-05-2013 à 15:14:27
j'ai pas touché au css bootstrap et je sais pas si c'est grave mais je connais pas firebug.
si ca peut aider, je code avec dreamweaver.
Marsh Posté le 29-05-2013 à 15:15:57
j'ai regardé firebug mais en fait je suis sur IE 
oui je sais c'est pas bien du tout
Marsh Posté le 29-05-2013 à 15:25:18
1- On code pour un VRAI navigateur
2- on utilise les outils fait pour : firebug par exemple, ça aide à comprendre ce qui se passe dans le navigateur
3- on oublie dreamweaver
---------------
Blablaté par Harko
Marsh Posté le 29-05-2013 à 15:27:18
Mais qu'est ce que tu es allé coller directement un dropdown-menu, ce genre de mnu est lié à un élément qui le trigger.
Donc tu as forcément en amont un élément associé et le JS avec
---------------
Blablaté par Harko
Marsh Posté le 29-05-2013 à 15:37:08
parce que normalement tout ce dont j'ai besoin est dans les .js et .css non? ou j'ai besoin de rajouter du code derrière?
Marsh Posté le 29-05-2013 à 17:11:42
ben le HTML tu l'as pas pris entièrement mon pauvre, tu as juste pris un TOUT petit bout, tu as oublié le bouton
---------------
Blablaté par Harko
Marsh Posté le 30-05-2013 à 10:50:20
ah ca doit être pour ca que j'ai rien qui s'affiche alors...
Marsh Posté le 30-05-2013 à 11:13:50
[RESOLU]
avec <div class=dropdown>
dans le premier <ul ... > rajouter style='display:block;'
et mettre les scripts en fin du body
Message édité par DarthAngel le 30-05-2013 à 11:16:04
Sujets relatifs:
- [HTML/CSS/Javascript] Lien et script à partir de l'attribut alt
- Au secours, Commande / Bouton Recherche en HTML
- page web hotmail blanche
- [SHELL] Appel script .sh dans page http
- Rafraichir page
- Intégrer une page GLPI + zoom
- Help html backgroundcolor qui 'saute' avec les liens
- Créer un menu qui liste les noms des champs d'une table mysql
- Integrer un menu deroulant en flash dans une page HTML
Marsh Posté le 27-05-2013 à 17:15:52
Salut à tous,
Voilà, je suis actuellement en train de coder un site en HTML/CSS/JS et je voudrais insérer des menus déroulants qui passent au dessus de la page quand ils s'ouvrent et qui ne décalent pas toute la page vers le bas, mais comme vous devez vous en douter je ne sais pas du tout comment m'y prendre...
Merci!