Geplaatst Ik ben op dit moment een eigen site voor school aan het bouwen, ik heb tot nu toe alles in elkaar gezet dmv div tags.
Tot zover ben ik tevreden met mijn site, maar ik wil graag een dropdown menu. Hier loop ik echter vast.
Het probleem waar ik tegen aan loop is dat ik mijn dropdown menu niet goed uitgelijnd krijg. Ik heb gewerkt met UL en LI's. Mijn menu word verticaal en ik wil dat mijn list items links tevoorschijn komen. Op dit moment staan ze er schuin onder en ik weet niet hoe ik ze links moet uitlijnen..
Verder gedragen mijn tekst items zich als knoppen.
Ik heb al duizenden tutorials bekeken, verschillende codes bekeken en aangepast maar ik kom er gewoon niet uit.
Ik hoop dat er iemand is die mij op zeer korte termijn kan helpen, dit is een belangrijk school project wat aankomende vrijdag ingeleverd moet worden. (en ja, ik ben zeer op tijd begonnen alleen dit menu heeft me ontzettend veel tijd gekost en uiteindelijk werkt het nog niet..)
Dit zijn de codes die ik heb:
HTML:
<ul id="navmenu">
<li><a href="#">biografie</a></li>
<li><a href="#">reportages</a>
<ul class="sub1">
<li><a href="#">mundial 2013</a>
<li><a href="#">ria franc</a>
<li><a href="#">spoorzone</a>
</ul>
<li><a href="#">producten</a></li>
<ul class="sub2">
<li><a href="#">food</a>
<li><a href="#">sfeer</a>
</ul>
<li><a href="#">diverse</a></li>
<ul class="sub3">
<li><a href="#">paarden</a>
<li><a href="#">random</a>
</ul>
</li>
</ul>
CSS:
* {
margin: 0 px;
padding: 0 px;
}
ul#navmenu, ul.sub1, ul.sub2, ul.sub3 {
list-style-type: none;
}
ul#navmenu li {
outline: 1px solid red;
width: 80px;
position: relative;
text-align:right;
margin-top: 3px;
}
ul#navmenu a {
text-decoration: none;
display: block;
}
ul#navmenu li:hover > a {
background-color: #0F0;
}
ul#navmenu li:hover a {
}
ul#navmenu ul.sub1, ul.sub2, ul.sub3 {
display: block;
position: abosulute;
}
Zo ziet het er op dit moment uit:
Wat me ook op valt, is dat het kopje "Reportages", doorloopt tot aan "Spoorzone", dit is bij de andere kopjes niet..
Ik zit hier nu al zo lang mee te stoeien dat ik door de bomen het bos niet meer zie.. Wie o wie kan mij hierin helpen? Ik heb nu een index pagina vast online gezet met wat ik zelf heb geknutseld, maar het werkt niet bij iedereen (hover ruimte is te lang, maar ik krijg dit niet aangepast)
http://www.kimvanderveeke.nl/
Maar heb niet zoveel ervaring met dropdown menu's maken, dus ik weet zo ook niet wat er niet aan klopt 
Zie wel dat ze allemaal zitten in mijn image gallery. Dat fix ik later wel ,eerst m'n menu!
Heb nu die spaties in het begin gefixd bij de 0px; en position: absolute; weggehaald. 
