menu déroulant au dessus de la page HTML

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : menu déroulant au dessus de la page HTML

DarthAngel

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!

Publicité

gatsu35

Blablaté par Harko

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

DarthAngel

merci ca a l'air d'être ca ! mais j'ai quelquechose a telecharger ? je vois pas comment me procurer le bootstrap JS...

gatsu35

Blablaté par Harko

avoue, tu te moques de moi ?
http://twitter.github.io/bootstrap/index.html

---------------
Blablaté par Harko

DarthAngel

ah oui effectivement ^^ bon bah autant pour moi alors! merci!

DarthAngel

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>

gatsu35

Blablaté par Harko

tu as modifié la CSS de bootstrap ?
tu as essayé de debugger avec firebug ?

---------------
Blablaté par Harko

DarthAngel

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.

DarthAngel

j'ai regardé firebug mais en fait je suis sur IE oui je sais c'est pas bien du tout

gatsu35

Blablaté par Harko

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

Publicité

gatsu35

Blablaté par Harko

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

DarthAngel

j'ai repris les explications templates du site bootstrap

DarthAngel

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?

gatsu35

Blablaté par Harko

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

DarthAngel

ah ca doit être pour ca que j'ai rien qui s'affiche alors...

DarthAngel

[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

DarthAngel

https://github.com/twitter/bootstrap/issues/6701

FORUM HardWare.fr

Programmation

HTML/CSS

menu déroulant au dessus de la page HTML

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
Plus de sujets relatifs à : menu déroulant au dessus de la page HTML

Page générée en 0.046 secondes