Se connecter avec
S'enregistrer | Connectez-vous

Div, problème de supperposition

Dernière réponse : dans Programmation

Bonjour à tous, quelle est la ligne de code qui fait que le div doit etre au premier plan par rapport au contenu de la page ?

C'est à dire que j'ai fait une menu horizontal-déroulant et il y a un formulair juste en dessou du menu deroulan ...

Le problème, c'est que l'orsque que le menu se déroule, il se place en dessou du formulair, et du coup, on ne peut pas cliquer.

Voiçi le menu (CSS) :

menu.css

1. #menuDeroulant
2. {
3. float: right;
4. background: #F23000;
5. width: 600px;
6. height: 21px;
7. list-style-type: none;
8. margin: 0px;
9. padding: 10px;
10. border: 0;
11. position: inherit;
12. top: 0;
13. left: 0;
14. }
15. #menuDeroulant li
16. {
17. float: right;
18. width: 150px;
19. margin: 0;
20. padding: 0;
21. border: 0;
22. }
23. #menuDeroulant li a:link, #menuDeroulant li a:visited
24. {
25. display: block;
26. height: 1%;
27. color:#FFF;
28. background: #F23000;
29. margin: 0;
30. padding: 4px 8px;
31. border-right: 0px solid #fff;
32. text-decoration: none;
33. }
34. #menuDeroulant li a:hover { background-color: #F23000; }
35. #menuDeroulant li a:active { background-color: #F23000; }
36.
37. #menuDeroulant .sousMenu
38. {
39. display: none;
40. list-style-type: none;
41. margin: 0;
42. padding: 0;
43. border: 0;
44. }
45. #menuDeroulant .sousMenu li
46. {
47. float: right;
48. margin: 0;
49. padding: 0;
50. border: 0;
51. width: 149px;
52. border-top: 1px solid transparent;
53. border-right: 1px solid transparent;
54. }
55. #menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
56. {
57. display: block;
58. color: #FFF;
59. margin: 0;
60. border: 0;
61. text-decoration: none;
62. background: transparent url("fondTR.png") repeat;
63. }
64. #menuDeroulant .sousMenu li a:hover
65. {
66. display: block;
67. color: #FFF;
68. margin: 0;
69. border: 0;
70. text-decoration: none;
71. background: transparent url("fondTR2.png") repeat;
72. }
73.
74. #menuDeroulant li:hover > .sousMenu { display: block; }



Et le menu (HTML) :

mapage.html

1. <ul id="menuDeroulant">
2. <li>
3. <a href="#">Menu</a>
4. <ul class="subMenu">
5. <li><a href="#">castor</a></li>
6. <li><a href="#">aligator</a></li>
7. <li><a href="#">musclor</a></li>
8. </ul>
9. </li>
10. <li>
11. <a href="#">Menu 2</a>
12. <ul class="subMenu">
13. <li><a href="#">whisky</a></li>
14. <li><a href="#">vodka</a></li>
15. <li><a href="#">gin</a></li>
16. <li><a href="#">vin</a></li>
17. <li><a href="#">champagne</a></li>
18. </ul>
19. </li>
20. </ul>

[fin]

Autres pages sur : div probleme supperposition

Lassé par la pub ? Créez un compte
Lassé par la pub ? Créez un compte
Tom's guide dans le monde