Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
522 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  menu déroulant au dessus de la page HTML

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

menu déroulant au dessus de la page HTML

n°2191881
DarthAngel
Posté le 27-05-2013 à 17:15:52  profilanswer
 

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!

mood
Publicité
Posté le 27-05-2013 à 17:15:52  profilanswer
 

n°2191882
gatsu35
Posté le 27-05-2013 à 17:21:37  profilanswer
 

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

n°2191962
DarthAngel
Posté le 28-05-2013 à 15:44:13  profilanswer
 

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

n°2191969
gatsu35
Posté le 28-05-2013 à 15:52:00  profilanswer
 

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

n°2191974
DarthAngel
Posté le 28-05-2013 à 15:58:46  profilanswer
 

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

n°2192091
DarthAngel
Posté le 29-05-2013 à 14:47:53  profilanswer
 

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>

n°2192097
gatsu35
Posté le 29-05-2013 à 15:04:45  profilanswer
 

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

n°2192100
DarthAngel
Posté le 29-05-2013 à 15:14:27  profilanswer
 

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.

n°2192102
DarthAngel
Posté le 29-05-2013 à 15:15:57  profilanswer
 

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

n°2192103
gatsu35
Posté le 29-05-2013 à 15:25:18  profilanswer
 

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

mood
Publicité
Posté le 29-05-2013 à 15:25:18  profilanswer
 

n°2192105
gatsu35
Posté le 29-05-2013 à 15:27:18  profilanswer
 

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

n°2192107
DarthAngel
Posté le 29-05-2013 à 15:32:45  profilanswer
 

j'ai repris les explications templates du site bootstrap

n°2192108
DarthAngel
Posté le 29-05-2013 à 15:37:08  profilanswer
 

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?

n°2192141
gatsu35
Posté le 29-05-2013 à 17:11:42  profilanswer
 

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

n°2192200
DarthAngel
Posté le 30-05-2013 à 10:50:20  profilanswer
 

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

n°2192203
DarthAngel
Posté le 30-05-2013 à 11:13:50  profilanswer
 

[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
n°2192204
DarthAngel
Posté le 30-05-2013 à 11:14:18  profilanswer
 

Aller à :
Ajouter une réponse
  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 altAu secours, Commande / Bouton Recherche en HTML
page web hotmail blanche[SHELL] Appel script .sh dans page http
Rafraichir pageIntégrer une page GLPI + zoom
Help html backgroundcolor qui 'saute' avec les liensCré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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR