Bilder-Links ohne irgendwelche Effekte

[lamy]

Hi!

Mal ne Html/css-Frage: Alle meine Links haben eine gestrichelte Linie als "Unterstrich". Wenn man die Links "hovert", erscheint ein Hintergrundbild.

Das ist auch bei den Bildern so.

Wie verhindere ich das da?

Mit
a:hover img{background-image: none; border-bottom: none;}
a:link img{background-image: none; border-bottom: 20px solid green;}

oder so? (der code da oben funktioniert übrigens nicht )

Gruß, Lamy

[garvinhicking]

Hi!

Das geht leider nicht. Du müsstest die <a> links in denen ein <img> drin ist mit einem speziellen CLASS versehen, bei dem Du es dann änderst.

Also wenn es so aussieht:

Code: Select all

<a href="#">Link</a>
<a href="#"><img src="#" /></a>

geht es nicht. Es muss:

Code: Select all

<a href="#">Link</a>
<a class="imagelink" href="#"><img src="#" /></a>

z.B. sein, denn nur dann kannst Du den Eltern-Selektor gezielt ansprechen.

CSS-Regeln wirken nur vererbend, Du kannst mit einem Kind-Element-Selektor nicht den Eltern-selektor beeinflussen.

Viele Grüße,
Garvin

[stm999999999]

vielleicht hilft das hier - ich habe ein css was für besuchte Seiten eine Haken hinter dem Link anzeigt. Bei Bildern wollte ich das aber nicht:

Code: Select all

.serendipity_entry_extended a:visited { 
    background-image: url("/uploads/intern/visited.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 11px; }

.serendipity_entry_body a:visited { 
    background-image: url("/uploads/intern/visited.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 11px; }




a.serendipity_image_link:visited {
    background-image: none;
}