Text- und Bild-Link unterschiedlich darstellen

[Dragonbane]

Hi,

ich möchte auf meiner Seite gerne Textlinks mit einer Linie darstellen, Bilder, die verlinkt sind sollen diese Linie aber nicht haben.

Das steht bei mir drin:

Code: Alles auswählen

a img {
      border : 0 none;
      text-decoration:none;
}

a {      color: #990033;
      border-bottom: 1 px solid #990033;
      }
a:link {
      text-decoration:none;
      color: #990033;
      border-bottom: 1 px solid #990033;
      }
a:hover {
      text-decoration: none;
      color:   #393837;
      border-bottom: 1px solid #393837;
      }

a:visited {
   color: #393837;
   }

[Azra]

Bilder erhalten doch nur einen Rahmen und keine Linie
Alles was du tun musst ist das:

HTML

Code: Alles auswählen

<img src="./pfad/bild.jpg" border="0" alt="Bild">

CSS

Code: Alles auswählen

a:link {
   color: #990033;
   text-decoration: underline;
}
a:visited {
   color: #393837;
   text-decoration: underline;
}
a:active {
   color: #393837;
   text-decoration: underline;
}
a:hover {
   color: #393837;
   text-decoration: underline;
}


[Dragonbane]

Hi,
ja das habe ich bereits versucht. Aber wenn Du das Bild verlinkst erhält es die Klasse <a> und wird somit selber zum Link.
Jedes Bild welches also einen Link enthält bekommt somit eine Linie.

mit "textdecoration: underline" habe ich es auch versucht aber das scheint nicht so zu funktionieren wie ich dachte.

[sejuma]

Ändere mal - ausgehend von deinem ersten Post die Reihenfolge:
Erst a mit den jeweiligen Linkzuständen,
dann a img