bei <tag> img a:hover - Effekt

    Hallo,

    habe auf http://v3.luogo.de mal wieder mein Design geändert - gleicht noch einer Baustelle!

    Aber so am späten abend werde ich hier grad verrückt....

    habe meine Links so gestaltet, dass bei a:hover eine dotted line kommt:

    a:hover { border-bottom: 1px dotted #616A74; color: #FD2600; }

    alles ganz wunderbar - nur kommt diese auch bei Bildern, die ich als Link benutze.... ich hab schon alles mögliche probiert... mit border-bottom: none;

    aber ich bekomms einfach nicht hin! Jemand den entscheidenden Tipp?!

    Danke

    • 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

    Ich glaube ohne Klassen ist da nichts zu machen. Der Rahmen gehört ja nicht zum img tag, sondern zu dem Link "drumrum". Deshalb bringen auch sachen wie img {border: 0;} nichts.


    Code
    a:hover.bildlink {border-width: 0px;}

    Das musst du dann halt an jeden Bildlink anfügen:

    Code
    <a href="bla.html" class="bildlink"><img src="dasbild.jpg"></a>

    [FONT="Trebuchet MS"][SIZE="4"]tswo.de[/SIZE][/FONT]

    Code
    /* pictures as a link*/
a img{border:none;}
:link img { border:none; }
:visited img { border:none; }
:link:active img, :visited:active img { border:none; }
/*for all links end */

    funktioniert bei mir einwandfrei,

    für eine classenlose Gesellschaft .. oder so ;)

    lg

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden