Hi. Ich habe ein Problem mit meinem Footer.
Ich will in den Footer meiner Seite 4 Listen einpflegen. Diese Listen bestehen nur aus Links aufs Impressum, Registrieren auf der HP usw.
Im Template deklariere ich den Footer so:
Innerhalb der CSS-Datei habe ich folgende Einstellungen vorgenommen:
Jetzt werden die Listen allerdings alle untereinander aufgelistet. Ich hätte allerdings gerne, dass die Listen gleichmäßig nebeneinander sind.
Wenn ich in div.footer ul "float: left; & width: 25%;" einfüge, verschwindet die in div.footer festgelegt Hintergrundfarbe und die 4. Liste befindet sich unter der 3. Liste.
Kann mir hier jemand Hilfestellung geben?
Ich will in den Footer meiner Seite 4 Listen einpflegen. Diese Listen bestehen nur aus Links aufs Impressum, Registrieren auf der HP usw.
Im Template deklariere ich den Footer so:
HTML:
<div class="footer">
<ul>
<li><h:link value="Registrieren" outcome="register"></h:link></li>
<li><h:link value="Tarif"></h:link></li>
<li><h:link value="FAQ" outcome="faq"></h:link></li>
<li><h:link value="Firmen A-Z"></h:link></li>
</ul>
</div>
Innerhalb der CSS-Datei habe ich folgende Einstellungen vorgenommen:
Code:
div.footer {
background:#2f2f2f;
}
div.footer ul {
list-style:none;
}
div.footer ul li {
display:block;
text-decoration: none;
}
div.footer ul li a,
div.footer ul li a:visited {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
}
div.footer ul li a:hover{
text-decoration: underline;
}
Jetzt werden die Listen allerdings alle untereinander aufgelistet. Ich hätte allerdings gerne, dass die Listen gleichmäßig nebeneinander sind.
Wenn ich in div.footer ul "float: left; & width: 25%;" einfüge, verschwindet die in div.footer festgelegt Hintergrundfarbe und die 4. Liste befindet sich unter der 3. Liste.
Kann mir hier jemand Hilfestellung geben?