Good morning!
Im trying to set a width to my menu items. I gave it a width of 200px (just to try it out) but its not working!
Anyone could give me a hint to the solution?
Thanks!
HTML:
<ul id="menu">
<li><a href="http://localhost/JEC/" title="Home" >Home</a></li>
<li><a href="/JEC/index.php?id=4" title="Info" >Info</a></li>
<li class="active"><a href="/JEC/index.php?id=7" title="Diensten" >Diensten</a></li>
<li><a href="/JEC/index.php?id=8" title="Contact" >Contact</a></li>
<li class="last"><a href="/JEC/index.php?id=9" title="Partners" >Partners</a></li>
</ul>
The wayfinder offcourse:
<div class="navigatie">
[[Wayfinder? &outerTpl=`Menu-ul` &rowTpl=`Menu-Li` &startId=`0` &level=`1`]]
</div>
And the css!
ul li a:link{width: 200px;}
ul#menu {
width: 700px;
}
ul#menu li {
font-size: 16px;
display: inline;
width: 211px;
}
ul#menu li a {
width: 211px;
}
ul#menu li a:hover {
width: 211px;
}
ul#menu li a:active {
width: 211px;
}
☆ A M B ☆
!