Bilderlinks sollen nicht unterstrichen sein

[Kaffeetasse]

Hi

Ich habe einen Blackout:

Mittels CSS habe ich definiert, dass alle (Text-)Links weiss unterstrichen sind (border-bottom: 1px dotted #FFF). Auf der Seite befinden sich auch Bilder die mit Links unterlegt sind, diese haben nun auch alle einen weissen Strich darunter, was ich aber nicht will.

Wie muss ich das jetzt ändern, damit die Striche verschwinden?

Folgendes habe ich schon probiert und es geht nicht:

img {
border: 0;
}

a img {
border: 0;
}

img a {
border: 0;
}

[TomIRL]

Moin,
Meine Hellsehrischen Fähigkeiten verraten mir, dass Dein Links alle eine Klasse besitzen?
Kannst Du den Kram mal hochladen, damit man sich Dein Desaster mal angucken kann?

Viele Grüße TomIRL

[Kaffeetasse]

Moin,
Meine Hellsehrischen Fähigkeiten verraten mir, dass Dein Links alle eine Klasse besitzen?

Nein. Hier ein Auszug aus meiner CSS-Datei:

body {
  font-family: verdana, helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
  margin: 0;
  background: #000;
}

img {
  border: 0;
}

a {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px dotted #FFF;
}

a:link {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px dotted #FFF;
}

a:visited {
  color: #8EBFFA;
  text-decoration: none;
  border-bottom: 1px dotted #8EBFFA;
}

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

a:active {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px solid #FFF;
}

a:focus {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px solid #FFF;
}

In der HTML-Seite werden die Links einfach mit <a href="blah.html">blah</a> bzw. <a href="blah.html"><img src="blah.png" width="100" height="100" alt=""></a> definiert.

[Ingo Turski]

Hi,

Auf der Seite befinden sich auch Bilder die mit Links unterlegt sind, diese haben nun auch alle einen weissen Strich darunter, was ich aber nicht will.

also weder border (rundrum) noch dotted!?
Das scheint dann wohl eher text-decoration zu sein.

img a {

Verzweifelter Versuch..;-) img ist ein inhaltsleeres Element.

freundliche Grüße
Ingo

[Gunnar Bittersmann]

also weder border (rundrum) noch dotted!?
Das scheint dann wohl eher text-decoration zu sein.

Ingo,
Ist deine Glaskugel farbenblind? ;-)
Meine sagt, die Unterstreichung soll in einer anderen als der Textfarbe erfolgen.
Gunnar

[Ingo Turski]

Hi,

Ist deine Glaskugel farbenblind? ;-)
Meine sagt, die Unterstreichung soll in einer anderen als der Textfarbe erfolgen.

so weit interpretiert meine die dürftigen Angaben nun wirklich nicht. Allerdings läßt die weiße Rahmenfarbe auf einen dunklen Hintergrund schließen und dieser wiederum auf eine helle (weisse?) Schriftfarbe.

freundliche Grüße
Ingo

[Gunnar Bittersmann]

Folgendes habe ich schon probiert und es geht nicht:

img {

border: 0;
}

a img {
border: 0;
}

  
Kann auch beides nicht gehen, da nicht img, sondern a den Rahmen unten hat.  
  

> ~~~css

img a {  

> border: 0;  
> }

Kann auch nicht gehen, da a nicht innerhalb von img ist.

Verwende eine Klasse (oder zwei) für Text- oder/und Bild-Links.

Gunnar

[Kaffeetasse]

Verwende eine Klasse (oder zwei) für Text- oder/und Bild-Links.

Hmm... dann mach ich das... *Quelltext ziemlich stark aufbläh*