Ik had graag een menu gemaakt aan de hand van het voorbeeld (zie afbeelding), maar ik weet niet wat in css moet instellen?
De "menu" div moet via css opgeschoven worden naar links, zodat enkel de nummers nog zichtbaar is.
jquery:
css;
De "menu" div moet via css opgeschoven worden naar links, zodat enkel de nummers nog zichtbaar is.
jquery:
HTML:
<div id="menu">
<ul>
<li><a href="#Menu 1">Menu 1</a></li>
<li><a href="#Menu 2">Menu 2</a></li>
<li><a href="#Menu 3">Menu 3</a></li>
<li><a href="#Menu 4">Menu 4</a></li>
<li><a href="#Menu 5">Menu 5</a></li>
<li><a href="#Menu 6"> Menu 6</a></li>
</ul>
</div>
Code:
#menu {
width:150px;
left:180px;
position: absolute;
z-index:100;
}
#menu,ul li{
marginbottom:1px;
position: relative;
float : left;
}
#menu, ul, li a{
width: 150px;
height: 22px;
backgroundcolor:#00293E;
textdecoration:none;
display: block;
padding: 7px 10px 0 0;
textalign:right;
fontweight:bold;
cursor: pointer;
cursor: hand;
}
Laatst bewerkt door een moderator: