Ich habe einen Footer, bekomme aber eine Zeile nicht so gestaltet, wich ich möchte - vielleicht kann mir jemand einen Tipp geben, was ich verkehrt mache...
Der Code:
Es gibt also eine "Kopfzeile" im Footer, in der es einen Link gibt. Unter der Kopfzeile ist (linksbündig) eine Zeile, die 3 interne Links enthält (Impressum/Startseite/nach oben) - die 2 Zeilen passen auch soweit.
Die Zeile darunter soll 3 externe Links enthalten, die rechtsbündig ausgerichtet werden. Diese Zeile wird nicht wie gewünscht abgebildet. Das Problem ist, dass die Zeile unten aus dem Footer herausragt...
Bestimmt hab ich einen Fehler beim floaten gemacht!?
CSS:
Der Code:
HTML:
<footer role="contentinfo">
<div class="footer-oben">
<p><a href="" target="">LOREM IPSUM</a></p>
</div>
<div class="footer-unten-container">
<div class="footer-l">
<a href="impressum.html">Impressum</a>
<a href="index.html">Startseite</a>
<a href="#">nach oben</a>
</div>
<div class="footer-r">
<a href="http://" target="_blank">blabla link1</a>
<a href="http://" target="_blank">blabla link2</a>
<a href="http://" target="_blank">blabla linl 3</a>
</div>
</div>
</footer>
Es gibt also eine "Kopfzeile" im Footer, in der es einen Link gibt. Unter der Kopfzeile ist (linksbündig) eine Zeile, die 3 interne Links enthält (Impressum/Startseite/nach oben) - die 2 Zeilen passen auch soweit.
Die Zeile darunter soll 3 externe Links enthalten, die rechtsbündig ausgerichtet werden. Diese Zeile wird nicht wie gewünscht abgebildet. Das Problem ist, dass die Zeile unten aus dem Footer herausragt...
Bestimmt hab ich einen Fehler beim floaten gemacht!?
CSS:
Code:
@media screen {
footer {
margin-top: 2rem;
}
footer a {
color:rgba(0,0,0,0.6);
text-decoration: none;
}
.footer-r {
text-align: right;
float: right;
}
}