• Ich habe folgendes Problem, ich habe in mein Footer Widget eine Grafik eingefügt die eigentlich mit 1000px breit genug sein sollte um über die komplette Seite zu reichen, leider ist rechts und links sowie unten nun ein Rand entstanden. Ich möchte aber das die Grafik wie im Header bis an den Rand reicht. Wie ist das möglich?

    Hier die Seite http://www.roller-tour.de

    Vielen Dank schonmal für eure Hilfe!

    Einmal editiert, zuletzt von Axel2301 (3. November 2012 um 12:47)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • entweder die Grafik direkt in die footer.php einfügen, statt in ein Widget

    oder wenn sonst nichts mehr in den Footer soll

    wp-content/themes/twentyeleven/style.css Zeile 2223

    Code
    #supplementary {
        overflow: hidden;
        padding: [COLOR="#FF0000"]1.625em 7.6%[/COLOR];
    }

    das rote ändern in [COLOR="#FF0000"]0[/COLOR]

    und das noch zusätzlich einfügen

    Code
    #supplementary img {
        max-width: 100%;
    }
  • Danke für die schnelle Antwort, ich habe jetzt die style.css entsprechend geändert und es sieht schon besser aus, jedoch ist nun ein grauer Rand unter der Grafik, kann man den auch noch entfernen bzw. wie würde ich die Grafik richtig in die footer.php bekommen?

  • footer.php mit einem Editor öffnen

    und

    Code
    <img width="1000" height="150" src="http://roller-tour.de/WordPress/wp-content/uploads/2012/11/LogoFooter.jpg">

    nach

    Code
    </footer><!-- #colophon -->

    einfügen

  • footer.php mit einem Editor öffnen

    und

    Code
    <img width="1000" height="150" src="http://roller-tour.de/WordPress/wp-content/uploads/2012/11/LogoFooter.jpg">

    nach

    Code
    </footer><!-- #colophon -->

    einfügen

    Wenn ich das mache, erscheint die Footer Grafik linksbündig zum Browserfenster, wie bekomme ich sie mittig? Zudem erscheint der Schatten um den Footer nicht mehr.

  • wenn du es da einfügts wie beschrieben, dann passt es

    also [COLOR="#FF0000"]nicht[/COLOR] nach

    Code
    </div><!-- #page -->

    sondern wie oben geschrieben

    nach

    Code
    </footer><!-- #colophon -->
  • wenn du es da einfügts wie beschrieben, dann passt es

    also [COLOR=#FF0000]nicht[/COLOR] nach

    Code
    </div><!-- #page -->

    sondern wie oben geschrieben

    nach

    Code
    </footer><!-- #colophon -->


    So?

    Code
    </footer><img width="1000" height="150" src="http://roller-tour.de/WordPress/wp-content/uploads/2012/11/LogoFooter.jpg"><!-- #colophon -->
  • na so schwierig kann das doch jetzt nicht sein ;)

    in der footer.php stehen ja diese beiden Zeilen

    Code
    </footer><!-- #colophon -->
    </div><!-- #page -->

    und wenn ich schreibe nach

    Code
    </footer><!-- #colophon -->

    würde das dann so aussehen

    Code
    </footer><!-- #colophon -->
    <img width="1000" height="150" src="http://roller-tour.de/WordPress/wp-content/uploads/2012/11/LogoFooter.jpg">
    </div><!-- #page -->

    wobei dein "zwischendrin" statt "nach" auch funktioniert, da

    Code
    <!-- #colophon -->


    nur ein auskommentierter Hinweis ist

  • Ja so hatte ich es ja auch, aber da treten die bereits erwähnten Probleme auf (rechtsbündig u. fehlender Schatten).

  • laut Firebug sieht dein Code so aus

    die anderen Änderungen hast du wieder rückgängig gemacht?

    oder setze den Bild-Code mal vor

    Code
    </footer><!-- #colophon -->

    Einmal editiert, zuletzt von Tutrix (3. November 2012 um 15:08)

  • ja laut Quelltext ist es richtig, warum das dann außerhalb des page-div dargestellt wird, ist mir im Moment schleierhaft

    aber wie oben schon nachgetragen, füge den Bild-Code mal vor

    Code
    </footer><!-- #colophon -->

    ein

  • Ich habe den Code jetzt mal davor eingesetzt, hat aber nichts gebracht, schau gerne nach.

    Die Änderungen an der style.css habe ich auch wieder rückgängig gemacht.

  • Ich pack die Grafik jetzt einfach wieder als Widget in den Footer, hat ja funktioniert und vielleicht gibt es für die Zukunft ja noch eine Lösung das ich die Grafik direkt in den Footer setzen kann?! Vielen Dank erstmal für deine Hilfe, ein wirklich tolles Forum hier mit lauter hilfsbereiten Leuten - toll!

  • ändere den Bild-Code mal in

    Code
    <div class="footerimage"><img width="1000" height="150" src="http://roller-tour.de/WordPress/wp-content/uploads/2012/11/LogoFooter.jpg"></div>

    und füge das

    Code
    .footerimage {
    clear: both;
    }


    in die style.css

  • ändere den Bild-Code mal in

    Code
    <div class="footerimage"><img width="1000" height="150" src="http://roller-tour.de/WordPress/wp-content/uploads/2012/11/LogoFooter.jpg"></div>

    und füge das

    Code
    .footerimage {
    clear: both;
    }


    in die style.css

    An welche Stelle der style.css soll das denn?

  • Nein leider funktioniert das auch nicht, jetzt wird nichtmal mehr die Grafik gefunden. Da die Seite online mache ich das in den nächsten 4-5 Min. wieder rückgängig, damit keiner das Chaos sieht :-)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!