Image auf Browserecke festsetzen?

  • 'n Abend!

    Es soll einen Plugin dafür geben, habe aber soweit nicht gefunden, war mir aber auch egal, solange ich es mit CSS auch hinkriege. Und zwar möchte ich eine kleine Gafik im mittleren, linken Browserrand der Seite positionieren und bin klaglich an möglichen Versuchen gescheiert. Ich hoffe, ihr könnt mir da weiterhelfen.

    Hier wäre auch ein Beispiel, so wie ich es mir ungefähr vorgestellt habe: http://www.wpuzmani.com/iletisim/

    Vielen Dank!

    PS: Natürlich wäre es am besten, wenn das Image sich vom Fleck nicht bewegen würde, auch wenn man in der Seite rumscrollt.

    • 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

  • Hm, verstehe ich jetzt nicht ganz: Du hast doch ein funktionierendes Beispiel. Das sollte sich doch relativ problemlos abschauen lassen?! Was genau hast Du denn isher probiert und auf welche Weise funktioniert das nicht?


  • Und zwar möchte ich eine kleine Gafik im mittleren, linken Browserrand der Seite positionieren und bin klaglich an möglichen Versuchen gescheiert.

    Code
    #festgenageltesBild{
    z-index: 9;
    position: absolute;
    top: 300;
    left: 0;
    }

    und dann das Bild einbinden

    HTML
    <div id="festgenageltesBild">
    <img src="bildchen.png">
    </div>

    Bego

  • Ja, dasselbe habe ich schon oft versucht, nur will er mir die Grafik nicht woanders plazieren als in der linken, oberen Ecke der Seite.

    CSS:

    Zitat

    /* CONTACT */

    #contact {
    z-index: 9;
    position: absolute;
    top: 300;
    left: 0;
    }

    Im header:


    Zitat

    <div id="contact">
    <a href="/kontakt/"><img src="bild wird angezeigt" alt="" /></a>
    </div>

    Ist zwar eine kleine Sache, aber klappen tut es irgendwie trotzdem nicht.

    Edit: Ah, gefunden, es lag einfach an der 300>>px<<. Die fehlte im Code noch. Ja, das Ganze ist aber nicht so ganz gewollt, weil ich nämlich will, dass er sich beim Scrollen mit dem Browser bewegt wie auf der Seite und nicht mit der Seite, wie es im Moment ist. Und hier muss man eben javascript anwenden, vermute ich... So ganz leicht wird es also nicht.

    Einmal editiert, zuletzt von haya (26. Juli 2010 um 21:24)

  • Ah, gefunden, es lag einfach an der 300>>px<<.

    Oh, Sch...ade. Blöder Flüchtigkeitsfehler, sorry.

    Ansonsten probier's mal mit "position: fixed;", dann bleibt das Bildchen auch beim Scrollen an der Stelle stehen.

    Bego

  • Oh, Sch...ade. Blöder Flüchtigkeitsfehler, sorry.

    Ansonsten probier's mal mit "position: fixed;", dann bleibt das Bildchen auch beim Scrollen an der Stelle stehen.

    Bego

    Danach habe ich gesucht, vielen Dank! (Eine Wiedergutmachung für den kleinen Flücktigkeitsfehler - hrhr)

Jetzt mitmachen!

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