Ik heb onderstaande html. Niet zo heel bijzonder. Ik wil mn submenuitems met een dropdown er vloeiend uit laten vallen. Op mn ul moet ik dus werken met de style clip zodat ik een mooie vloeiende beweging kan maken. Daarnaast wilde ik mn anchor een display:block; meegeven zodat ik deze mooier kan stylen en alle items de breedte van het menu kan meegeven. Alleen dan komt het rare verschijnsel in Internet Explorer (FF doet het goed). Ik krijg een lege regel onder Item 1. Die regel zou er dus niet mogen staan omdat ik middels clip:rect(0 0 0 0) aangeef dat het hele menu niet zichtbaar mag zijn.
Als ik uit mn stylesheet display:block weghaal voor mn a tag; dan werkt het wel goed. Hoe kan ik dit oplossen? Waar zit um het probleem?
Als ik uit mn stylesheet display:block weghaal voor mn a tag; dan werkt het wel goed. Hoe kan ik dit oplossen? Waar zit um het probleem?
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>List Menu</title> <style type="text/css"> a { display: block; height: 20px; } </style> </head> <body> <ul> <li> <a href="#">Item 1</a> <ul style="clip:rect(0 0 0 0); position:absolute;"> <li><a href="#">Item 1.1</a></li> <li><a href="#">Item 1.2</a></li> </ul> </li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> <li><a href="#">Item 4</a></li> <li><a href="#">Item 5</a></li> </ul> </body> </html> |
/u/7685/ruinmytune-60x60.png?f=community)
:strip_exif()/u/25820/raptorsafari.gif?f=community)
