Nieuw lid |
|
Hallo luitjes,
Ik ben pas sinds kort bezig (hobbymatig) met webontwerpen, en ben op dit moment bezig om een menu te maken met bv. css.
Dat is op zich wel goed gelukt, maar nu wil ik onder het menu verder werken en dat gaat niet. Op de een of andere manier kan ik alleen rechts van het menu mijn texten kwijt. En niet aan de onderkant van het menu.
Dit is de css code:
ul#menu {
list-style: none;
width: 175px;
}
ul#menu li {
margin-top: none;
margin: 0.5em 0;
}
ul#menu li a {
color:#000000; text-decoration:none;
border: #0000000 solid 0px;
background: #FFB600;
display: block;
height: 100%;
width: 100%;
}
ul#menu li a:hover {
color: #000000; text-decoration:none;
border: #000000 solid 0px;
background: #EB8301;
display: block;
height: 100%;
width: 100%;
}
ul#menu { list-style: none; width: 175px; } ul#menu li { margin-top: none; margin: 0.5em 0; } ul#menu li a { color:#000000; text-decoration:none; border: #0000000 solid 0px; background: #FFB600; display: block; height: 100%; width: 100%; } ul#menu li a:hover { color: #000000; text-decoration:none; border: #000000 solid 0px; background: #EB8301; display: block; height: 100%; width: 100%; }
En dit de html:
<ul id="menu">
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Basisbescherming</a></font></b>
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Basisverzorging</a></font>
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Optimale verzorging</a></font>
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">"managers" Stress</a></font>
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Gewicht reducering</a></font>
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Kinderen</a></font>
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Vrouwen</a></font>
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Sporters</a></font>
<li>
<p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Senioren</a></font>
</ul>
<ul id="menu"> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Basisbescherming</a></font></b> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Basisverzorging</a></font> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Optimale verzorging</a></font> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">"managers" Stress</a></font> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Gewicht reducering</a></font> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Kinderen</a></font> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Vrouwen</a></font> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Sporters</a></font> <li> <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Senioren</a></font> </ul>
Zien jullie misschien wat er mis is?
Alvast bedankt voor jullie reacties.
GreeTZ,
SaSh
|