Se connecter / S'enregistrer
Votre question

Div, problème de supperposition

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
22 Janvier 2008 16:15:59

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

a c 232 L Programmation
23 Janvier 2008 19:15:30

Salut,

Plutôt que de donner du code qui plus est, est difficile à lire vu comment il est organisé, est-ce que tu aurais un lien vers ta page qui pose un problème ?
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS