Bild im footer?
Guten Tag
Ich habe ein Problem mit einem Bild im footer (statt wie beim letzten Mal in der Navbar).
Mein HTML Footer:
<footer class="footer">
<div class="footer-left">
<img src="img/logo.png">
<h3>Matthias<span>Heiniger</span></h3>
<p class="footer-links">
<a href="index.html">Home</a>
|
<a href="#">Bewerbung</a>
|
<a href="#">Projekte</a>
|
<a href="#">Workbooks</a>
|
<a href="#">Kontakt</a>
</p>
</div>
</footer>
Mein CSS Code für das Bild zum einfügen:
footer {
background-image: url(/03_HTMLCSS/01_Website/Bilder/VektorDesignElemente/png/UntenLnks2_1.png);
background-repeat: no-repeat;
background-size: 19%;
position: relative;
z-index: 1;
font-size: 25px;
padding: 0;
}
Momentan wird das Bild so angezeigt:
Mein Problem: Das Bild (Das Blaue Bild) möchte ich unten Links platzieren aber es geht nicht bis an den "Boden"
Vielen Dank für die Antworten
Freundliche Grüsse
1 Antwort
Moin,
verwende doch bitte das nächste Mal den </> Code-Tag.
Hier nur zur besseren Übersicht Deines Codes:
HTML:
<footer class="footer">
<div class="footer-left">
<img src="img/logo.png">
<h3>Matthias<span>Heiniger</span></h3>
<p class="footer-links">
<a href="index.html">Home</a>
|
<a href="#">Bewerbung</a>
|
<a href="#">Projekte</a>
|
<a href="#">Workbooks</a>
|
<a href="#">Kontakt</a>
</p>
</div>
</footer>
CSS:
footer {
background-image: url(/03_HTMLCSS/01_Website/Bilder/VektorDesignElemente/png/UntenLnks2_1.png);
background-repeat: no-repeat;
background-size: 19%;
position: relative;
z-index: 1;
font-size: 25px;
padding: 0;
}
Ich gehe einfach mal davon aus, dass Du das Bild meinst, welches nicht angezeigt wird? Dann versuche es doch mal mit Anführungszeichen für Deine URL:
url('meineurl.com/image.png');
MfG