Bild außerhalb des boxed Layouts positionieren

    Hallo,

    ich habe mich bei meiner Website für ein boxed Layout entschieden.
    Jetzt möchte ich aber, dass ein Bild außerhalb dieses boxed Layout erscheint.

    Ich hätte jetzt eine div class erstellt und es dann dort positioniert.

    #backpic{
    position: fixed;
    margin-top: 80px;
    margin-left: 30px;
    }


    Das hab ich in die layout.css gespeichert. Dann weiß ich aber schon nicht wo ich es einfügen muss, damit es dann auch erscheint.
    Hätte es in der page.php sowie der index.php mit einem php echo Befehl versucht, es tut sich aber nix.

    Würde mich freuen wenn mir da wer helfen kann :)
    Vielen Dank im Voraus!

    • Gerade eben
    • 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

    weiß ich auch nicht,

    weil es dafür gut und gerne 1Mill+1 Möglichkeiten gibt

    wo kann man sich das ansehen,
    ein Link wo dein div mit der id und Inhalt drin ist und wir uns das ansehen können,

    Ich glaube ich verstehe gerade nicht so ganz was ich dir schicken soll. :roll:
    Also auf meiner Seite sehe ich auch bei Element Untersuchen nix von div und id...

    Mein Code in der Index ist:
    <div class="backpic <?php echo "<img src=/wp-content/themes/enfold2/images/layout/junge-katze.gif>";?>">

    Der Code in der layout.css wie oben bereits gepostet.

    Falls ich dir was anderes schicken soll, sag mir bitte genauer was, kenne mich leider noch nicht wirklich aus, lerne aber gerne :)
    Viele Grüße

    Zitat von JiniBla

    Ich glaube ich verstehe gerade nicht so ganz was ich dir schicken soll. :roll:
    Also auf meiner Seite sehe ich auch bei Element Untersuchen nix von div und id...

    Mein Code in der Index ist:
    <div class="backpic <?php echo "<img src=/wp-content/themes/enfold2/images/layout/junge-katze.gif>";?>">

    Der Code in der layout.css wie oben bereits gepostet.

    Falls ich dir was anderes schicken soll, sag mir bitte genauer was, kenne mich leider noch nicht wirklich aus, lerne aber gerne :)
    Viele Grüße

    Nun, wenn man die Forenregeln mal gelesen hat, sollte man wissen, dass es von großem Vorteil ist, wenn man den Link zur Seite mit angibt, damit lassen sich gefühlte 90% der Probleme schneller beheben.

    Wenn du einem div eine class gibst, dann musst du in der css das mit Punkt ( . ) und nicht Raute ( # ) ansprechen. Das sind Grundlagen in CSS. Lies dich mal ein bisschen schlau.

    Außerdem sehe ich keinen Div mit der class backpic auf deiner Seite. Ich würde den vermutlich in der header.php direkt nach dem <body ... > platzieren, da du eh mit position:fixed außerhalb des eigentlichen Content arbeiten willst. Und dann eigentlich nicht mit margin-top und margin-left, sondern nur top und left arbeiten. Und zum Schluss würde ich sagen fehlt mind. noch ein z-index.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Vielen Dank für deine Antwort!
    Das mit dem # anstatt . war natürlich ein dummer Fehler, weiß das grds. habs aber vergessen, weil ich das nur schnell schnell einfügen wollte ;-)

    Also wenn ich das in die header hinter <body...> einfüge, dann sehe ich auf der Seite nur noch den Slider und kann auch nicht mehr zu dem ersten eingegeben Text runter scrollen.

    Meine div class sieht nun so aus:
    .backpic{
    position: fixed;
    top: 80px;
    left: 30px;
    z-index: -1;
    }

    Wenn ich anstatt fixed mit absolute arbeite, dann kann ich wieder runter scrollen, von einem Bild ist aber immer noch nichts zu sehen!

    Weißt du wie ich da weiter machen kann?
    Viele Grüße


    ja korrektes html nutzen, das hilft meist wirklich weiter


    das da ist falsch,


    PHP
    <div class="backpic <img src=/wp-content/themes/enfold2/images/layout/junge-katze.gif>">

    1. jedes div muss wieder geschlossen werden
    also div /div


    und das Bild ist falsch angegeben

    div class="xyz" >

    <img src="http://forum.wpde.org/design/....... " width="" height="" />

    </div>

    dann am besten absolut verlinken und nicht relativ kann auch helfen

    Vielen lieben Dank für die Hilfe! Bild ist mittlerweile da und funktioniert super!

    Eine Frage hätte ich noch:
    Mit einem Z-Index von 3 habe ich es geschafft, dass das Bild auch über dem Slider ist, aber des Header (also das Menü) ist trotzdem immer über dem Bild.
    Hab auch andere Werte probiert, aber da tut sich nix...

    Wie bekomme ich das theoretisch noch hin?

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden