[CSS] Menu niet 100% aanklikbaar

[Verwijderd]

Beste Tweakers,

Ik zit met een menu probleem waar ik maar niet uit kom. Heb de search van tweakers al geprobeerd maar niks gevonden met hetzelfde probleem.

Het volgennde:
ik heb een menu met zeg 10 items.
Dit menu wil ik gewoon 200px breed hebben en elke <li></li> moet gewoon over de hele breedte klikbaar zijn. Maar het enige wat hij nu doet is op de plaats waar tekst staat linken ipv de gehele breedte.

ik heb nu de volgende code:

HTML:

<ul id="menu">
  <li><a href="#"><span>test</span></a></li>
  <li><a href="#"><span>test</span></a></li>
 <li><a href="#"><span>test</span></a></li>
 <li><a href="#"><span>test</span></a></li>
 <li><a href="#"><span>test</span></a></li>
</ul>

met de bijbehorende css

Cascading Stylesheet:

/*menu*/
ul#menu {
    list-style-type:none;
    float:left;
    font-family:Tahoma;
    font-size:19px;
    color:#0F3A6A;
    margin:1px 0px 0px 1px;
    padding:0px 0px 0px 0px;
}
    ul#menu li {
        border-bottom:1px solid #B5E3EE;
        width:200px;
    }
    ul#menu li a {
        color:#000;
        font-weight:bold;
        text-decoration:none;
        diplay:block;
        width:200px;
        background:url(../images/menu_zo.jpg) 0px 7px no-repeat;
        padding:7px 0px 5px 0px;
    }
    ul#menu li a:hover {
        background:url(../images/menu_zo_on.jpg) 0px 7px no-repeat;
        padding:7px 0px 5px 0px;
    }
    ul#menu li a span {
        margin-left:37px;
    }

Wie ziet wat ik fout doe?

[BtM909]

Dat komt omdat je je href niet de volledige breedte pakken. Wat je kan doen is je linkjes

Cascading Stylesheet:

display: block;

meegeven. Wellicht dat je dan nog wat aan je LI's moet doen, maar that should do the trick

[Verwijderd]

Ik gebruik toch al

Cascading Stylesheet:

display:block;?

edit:

Laat maar, ik heb enorme typo vandaag. ipv display --> diplay gebruikt haha

[ Voor 85% gewijzigd door Verwijderd op 07-09-2006 15:08 ]

[BtM909]

Wat onze highlighter ook netjes aangeeft

Overigens had ik even over het hoofd gezien dat je al een poging tot display had ondernomen

[Verwijderd]

ja gek door die highlight zag ik het... want in Dreamweaver gaf hij het niet aan als fout. Daarom moet je nooit blind vertrouwen op dreamweaver

[Geert.H]

Daarom kan je wellicht beter dreamweaver dumpen en ultraedit nemen. Stukken beter, stukken makkelijker en veel minder zwaar in gebruik dan dreamweaver.
Nouja, dat is natuurlijk mijn mening