Ik probeer mijn menu rechts uit te lijnen maar dat doet hij niet. hij reageert totaal niet op text-align: right;.
Dit heb ik als css:
.balk-groot1 {
width: 980px;
height: 23px;
line-height: 23px;
text-align: right;
font-family: Verdana;
font-size: 12px;
border-left: 1px solid #404040;
border-right: 1px solid #404040;
background-image: url('IMAGES/balk-groot.png');
}
.menu1 {
width: 300px;
margin: 0px;
padding: 0px;
text-align: left;
list-style: none;
}
.menu1 li {
margin: 0px;
padding: 0px;
float: left;
font-family: Verdana;
font-size: 12px;
}
.menu1 a {
display: block;
float: left;
margin: 0px;
padding: 0px;
color: #FFFFFF;
text-decoration: none;
}
.menu1 a:hover {
color: #FFFFFF;
text-decoration: underline;
}
en dit is mijn html
<div class="balk-groot1">
<ul class="menu1">
<li><a href="#">Forum</a></li>
<li><a href="#">Huiswerk</a></li>
<li><a href="#">Woordtrainer</a></li>
</ul>
</div>
Weet iemand wat ik fout doe?
