externe Links mit Bild versehen

  • Hallo alle zusammen,

    ich möchte gerne die externen Links per css mit einem Bild versehen.


    Leider funktioniert der o.g.Code nur zur Hälfte, d.h. den Befehl padding führt er zwar aus, aber das Bild erscheint nicht, egal wieviele "../" ich vor den Ordner packe, die vollständige Domainadresse oder gefühlt in alle Ordner und Unterordner den Ordner images erstelle und das Bild dort hinein kopiere.

    Hat jemand von euch eine Idee woran das liegen kann? Ich habe leider keine mehr.:(

    Vielen Dank im Voraus für eure hilfreichen Hinweise zur Lösung dieses Problems. ;-)

    Es gibt keine dummen Fragen, es gibt nur dumme Antworten...
    http://u-portal.de/

    • 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

  • Link zur Seite, damit man sich das ansehen kann?

    Und wenn der Inspektor sagt, dass die Grafik nicht geladen werden kann, kann es ja nur an

    background: url(../images/external-link.png) right no-repeat;

    liegen.

  • Ich verstehe das Propblem nicht. Wie/wo soll das Bild erscheinen?

  • Code
    /* Externer Link mit Bild versehen */
     background: url(../images/external-link.png) right no-repeat;
    }
    Code
    /* Externer Link mit Bild versehen */
    a[href^='http://']:not([href^='http://www.meine-domain.de/']):not([href^='http://meine-domain.de/']),
    a[href^='https://']:not([href^='https://www.meine-domain.de/']):not([href^='https://meine-domain.de/']) {
      padding-right: 12px;
      background: url('images/external-link.png') right no-repeat;
    }

    mit fehlt bei dir '
    Hierbei wird angenommen, dass sich das Verzeichnis images im gleichen Verzeichnis wie Deine CSS-Datei befindet. Achte darauf, dass der Pfad und der Dateiname genau übereinstimmen, da Pfade in Webanwendungen in der Regel case-sensitive sind.

    Du kannst auch verwenden

    Code
    /* Externer Link mit Bild versehen */
    a[href^='http://']:not([href^='http://www.meine-domain.de/']):not([href^='http://meine-domain.de/']),
    a[href^='https://']:not([href^='https://www.meine-domain.de/']):not([href^='https://meine-domain.de/']) {
      padding-right: 12px;
      background: url('https://www.meine-domain.de/images/external-link.png') right no-repeat;
    }

    Mit offenen Augen träumen

  • Code
    /* Externer Link mit Bild versehen */
    a[href^='http://']:not([href^='http://www.meine-domain.de/']):not([href^='http://meine-domain.de/']),
    a[href^='https://']:not([href^='https://www.meine-domain.de/']):not([href^='https://meine-domain.de/']) {
      padding-right: 12px;
      background: url('images/external-link.png') right no-repeat;
    }

    mit fehlt bei dir '
    Hierbei wird angenommen, dass sich das Verzeichnis images im gleichen Verzeichnis wie Deine CSS-Datei befindet. Achte darauf, dass der Pfad und der Dateiname genau übereinstimmen, da Pfade in Webanwendungen in der Regel case-sensitive sind.

    Du kannst auch verwenden

    Code
    /* Externer Link mit Bild versehen */
    a[href^='http://']:not([href^='http://www.meine-domain.de/']):not([href^='http://meine-domain.de/']),
    a[href^='https://']:not([href^='https://www.meine-domain.de/']):not([href^='https://meine-domain.de/']) {
      padding-right: 12px;
      background: url('https://www.meine-domain.de/images/external-link.png') right no-repeat;
    }

    Vielen Dank für deine Vorschläge, aber hat leider nichts geholfen. :(

    Es gibt keine dummen Fragen, es gibt nur dumme Antworten...
    http://u-portal.de/

Jetzt mitmachen!

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