Je travaille sur un menu déroulant avec margin-top. Le problème est que, quand je vais avec ma souris de li à descendre, il se ferme. Comment puis-je le faire fonctionner avec margin-top?
http://jsfiddle.net/wGzj8/8/
De ma conception réelle:
J’ai essayé cette solution: Comment utiliser la marge (supérieure) avec le menu déroulant CSS3? , mais cela déplace l’image sous mon ul vers le bas (“O fakulteti”).
Aidez-moi, s’il vous plaît.
Et si vous enveloppez votre sous-menu avec un
supplémentaire? Ce
devrait avoir margin-top: 4px
style margin-top: 4px
au lieu du même style que vous aviez pour margin-top: 4px
nested:
O fakulteti
Faites simplement que les éléments de la liste de niveau supérieur soient un peu plus hauts afin qu’ils chevauchent la zone située entre la marge à l’origine du problème. Vous pouvez append un remplissage inférieur de 4 pixels pour y parvenir. Violon mis à jour ici: http://jsfiddle.net/wGzj8/22/
Cela devrait vous aider: http://jsfiddle.net/seyfollahi/qwL8P/
ajoute de la hauteur dans: #header_glavni_meni ul li .header_glavni_a {}
change margin-top dans: #header_glavni_meni ul li ul {}
Ajouter le code suivant de margin-bottom
dans le sélecteur,
#header_glavni_meni ul li .header_glavni_a { margin-bottom:10px; }