markus: a:link --> IMG-Style von Text-Style trennen

Guten Morgen, liebe Gemeinde

ich hoff einer von euch kann mir helfen. Ich habe folgendes Problem auf der Homepage unserer Hobby-Eishockeymannscahft:

Ich habe ein Bild zusammen mit einem Text verlinkt. In den StyleSheets deklariere ich, dass links immer gelb unterstrichen sein sollen.

Genau das macht auch der FireFox. Er untterstreicht Bild + Text.

Wie komm ich an das img-Tag dran, damit ich sagen kann : "du bleibst ohne Unterstreichung" ?

Hier die Codeausschnitte:

-------------------------------------------------

a:link, a:visited {
 color: #FF9933;
 text-decoration: underline;
 font-weight: bold;
}

img {
 border: 1px solid #000000;
}

-----------------------------------------------

Der Html_Teil sieht ungefähr so aus, die Inhalte werden dynamisch generiert:

'<div class="links">
     <a href="link"><img ..... > <br> Text </a> </div>

  1. Ich habe ein Bild zusammen mit einem Text verlinkt. In den StyleSheets deklariere ich, dass Links immer gelb unterstrichen sein sollen.

    Wie komm ich an das img-Tag dran, damit ich sagen kann : "du bleibst ohne Unterstreichung" ?

    a img.

  2. Wie komm ich an das img-Tag dran, damit ich sagen kann : "du bleibst ohne Unterstreichung" ?

    Hier die Codeausschnitte:


    a:link, a:visited {
    color: #FF9933;
    text-decoration: underline;
    font-weight: bold;
    }

    img {
    border: 1px solid #000000;
    }

    a img {  
    text-decoration: none;  
    }  
    
    

    Struppi.

  3. Danke euch beiden für die Hilfe :)