Probleme menu CSS

Probleme menu CSS - HTML/CSS - Programmation

Marsh Posté le 26-10-2006 à 12:05:13    

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. }
  8. dt
  9. {
  10. border: 1px solid gray;
  11. color: #C0C0C0;
  12. width: 100px;
  13. }
  15. #menu
  16. {
  17. position : absolute;
  18. left: 50px;
  19. top: 20px;
  20. }
  22. #menu li
  23. {
  24. display: inline;
  25. }
  27. #menu a
  28. {
  29. text-decoration: none;
  30. color: #000;
  31. background: #fff;
  32. margin: 0;
  33. padding: 0;
  34. }
  36. #smenu1, #smenu2, #smenu3, #smenu4
  37. {
  38. position: relative;
  39. left: 100px;
  40. bottom: 19px;
  41. height: 15px;
  42. font-size: 0.7em;
  43. border-top: 1px solid gray;*
  44. width: 400px;
  45. }


 
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

Reply

Marsh Posté le 26-10-2006 à 12:05:13   

Reply

Marsh Posté le 26-10-2006 à 13:35:05    

pas d'idée?

Reply

Marsh Posté le 26-10-2006 à 15:35:00    

heeeeeeeeeeeeeelp  :bounce:   :jap:  

Message cité 1 fois
Reply

Marsh Posté le 19-11-2006 à 10:12:15    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed