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

Answer 1

[Ollig00]

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

Woher ich das weiß: Studium / Ausbildung – Fachinformatiker für Anwendungsentwicklung