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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme menu CSS

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme menu CSS

n°1465373
forzayalta
Posté le 26-10-2006 à 12:05:13  profilanswer
 

Bonjour,
 
je travaille actuellement a la réalisation de menus en CSS.
J'aimerai bien avoir un menu du type suivant:
http://www.kloeber.com/kloeber/fra/index.php
 
Je suis donc parti d'un ancien menu que j'avais réalisé et qui donne pour le moment ce résultat:
http://www.cmax.fr/sandbox/essai4/index.html
 
Ce qui me dérange, c'est que lorsque l'on survole un element du menu pour affiche son menu, un écart se crée entre le menu survolé et le menu juste en dessous. J'aimerai bien que cet écart disparaisse, si vous pouviez m'aider.
 
Voici mon CSS:

Code :
  1. dt, dl, dd, ul, li
  2. {
  3. list-style-type: none;
  4. margin: 0 10px 0 0;
  5. padding: 0;
  6. }
  7. dt
  8. {
  9. border: 1px solid gray;
  10. color: #C0C0C0;
  11. width: 100px;
  12. }
  13. #menu
  14. {
  15. position : absolute;
  16. left: 50px;
  17. top: 20px;
  18. }
  19. #menu li
  20. {
  21. display: inline;
  22. }
  23. #menu a
  24. {
  25. text-decoration: none;
  26. color: #000;
  27. background: #fff;
  28. margin: 0;
  29. padding: 0;
  30. }
  31. #smenu1, #smenu2, #smenu3, #smenu4
  32. {
  33. position: relative;
  34. left: 100px;
  35. bottom: 19px;
  36. height: 15px;
  37. font-size: 0.7em;
  38. border-top: 1px solid gray;*
  39. width: 400px;
  40. }


 
et une partie du HTML:

Code :
  1. <div id="menu">
  2. <dl>
  3.  <dt onmouseover="montre('smenu1');"><a href="#">Menu de la categorie 1</a></dt>
  4.   <dd id="smenu1">
  5.    <ul>
  6.     <li><a href="#">Sous-menu 1.1</a></li>
  7.     <li><a href="#">Sous-menu 1.2</a></li>
  8.     <li><a href="#">Sous-menu 1.3</a></li>
  9.    </ul>
  10.   </dd>
  11. </dl>
  12. <dl>
  13.  <dt onmouseover="montre('smenu4');"><a href="#">Menu de la categorie 4</a></dt>
  14.   <dd id="smenu4">
  15.    <ul>
  16.     <li><a href="#">Sous-menu 4.1</a></li>
  17.     <li><a href="#">Sous-menu 4.2</a></li>
  18.     <li><a href="#">Sous-menu 4.3</a></li>
  19.    </ul>
  20.   </dd>
  21. </dl>
  22. </div>


 
Merci

mood
Publicité
Posté le 26-10-2006 à 12:05:13  profilanswer
 

n°1465415
forzayalta
Posté le 26-10-2006 à 13:35:05  profilanswer
 

pas d'idée?

n°1465509
forzayalta
Posté le 26-10-2006 à 15:35:00  profilanswer
 

heeeeeeeeeeeeeelp  :bounce:   :jap:  

n°1478014
spock citr​on
et les pc étincelles !
Posté le 19-11-2006 à 10:12:15  profilanswer
 

forzayalta a écrit :

heeeeeeeeeeeeeelp  :bounce:   :jap:


Salut,
 
Ton menu est excellent ! C'est clair que ça t'aidera pas, mais bon, ça fait toujours plaisir de le savoir non ?
 
Bye


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme menu CSS

 

Sujets relatifs
Formulaire complexe avec CSSprobleme de téléchargement en PHP
[C++ DLL] problème de linkage[Débutant C] Problème aprés bonne compilation
Problème CSS pour un menuprobléme centrer un menu CSS!!!
[CSS] Probleme de menu sur un design ![CSS] Problème d'alignement d'un menu dans un div
[css] problème de position de menu[HTML, CSS JS] Probleme menu
Plus de sujets relatifs à : Probleme menu CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR