1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Banner 100% Breite, Höhe anpassen

Dieses Thema im Forum "Design" wurde erstellt von tyradux, 19. Mai 2017.

  1. tyradux

    tyradux Well-Known Member

    Registriert seit:
    22. Juli 2013
    Beiträge:
    55
    Zustimmungen:
    0
    Hallo Zusammen,

    ich bastle an dieser Webseite: http://www.feuerwehrfraxern.at/

    Hier verwende ich das Theme Restful und habe davon ein Child-Theme angelegt mit ein paar kleinen Anpassungen. Nun möchte ich gerne, dass das Heaser-Bild immer 100% Breite vom Bildschirm einnimmt, die Höhe des Divs, in dem das Bild liegt, soll aber flexibel angepasst werden, je nachdem, welche Größe der Bildschirm hat. Wie realisiere ich das am besten?

    Hintergrund der Sache: Wie man jetzt unschwer erkennen kann, ist das Schild "140 Jahre Ortsfeuerwehr Fraxern" nicht immer vollständig sichtbar. Dies sollte aber der Fall sein.

    Beste Grüße,
    Simon
     
  2. tyradux

    tyradux Well-Known Member

    Registriert seit:
    22. Juli 2013
    Beiträge:
    55
    Zustimmungen:
    0
    Niemand eine Idee?
     
  3. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.634
    Zustimmungen:
    1.778
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Die Hintergrundfarbe, die durch das Skalieren sichtbar wird, entspr. nach Wunsch anpassen.

    Das ist nicht exakt das, was Du suchst, aber als Hintergrundbild ohne sonstigen Aufwand via JS schwer anders lösbar. Wenn man das Bild als <img> Tag einbinden würde, wäre es was anderes.
     
    #3 b3317133, 31. Mai 2017
    Zuletzt bearbeitet: 31. Mai 2017
  4. tyradux

    tyradux Well-Known Member

    Registriert seit:
    22. Juli 2013
    Beiträge:
    55
    Zustimmungen:
    0
    Vielen Dank erstmal für die Antwort! Ich habe zwischenzeitlich die IMG-Lösung gefunden und angewendet. So funktioniert's jetzt, wie ich mir das vorstelle.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden