Link Unterstreichung für ein einzelnes Element entfernen

[donnerkai]

Hallo,

ich habe einige HTML deren Design mit CSS überlagert wird. Im CSS steht, dass die Links unterstrichen werden sollen.

Nun habe ich bei einem gerade neu angelegtem HTML  ein Bild verlinkt. Dieses wird nun automatisch umrahmt wegen der Unterstreichung der Links.

Kann ich nur für dieses einzelne Objekt die Unterstreichung der Verlinkung im HTML entfernen oder muss ich dafür extra eine Klasse im CSS machen?

<style>
<!--A:link {text-decoration: none;}
    A:visited {text-decoration: none;}-->
</style>

Dieses Code habe ich schon gefunden. Ich will aber in dem HTML sowohl Unterstrichene als auch nicht Unterstrichene Links haben.
Das geht damit ja nicht,oder?

[Steel]

Hoi!

Wie waers, wenn du, Bilder, die in Links stecken mit einer eigenen CSS-Formatierung versiehst?

[donnerkai]

Hört sich toll an. Wie geht das denn?
mit

img
{
    border:0;
}

erreiche ich ja alle Bilder oder? Ich will aber nur die Bilder erreichen die in einem Link stecken!

[suit]

http://de.selfhtml.org/css/formate/kaskade.htm

[kai woelke]

Ist das ein Link?
Oder wie?

[Steel]

Aehm.
Ja das war ein Link. Allerdings koennte dieser hier Dir hilfreicher sein: http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente

[suit]

Ja das war ein Link. Allerdings koennte dieser hier Dir hilfreicher sein: http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente

In der Tat, ja.

[donnerkai]

Ok, ich habe also versucht nur die Bilder zu formatieren, die innerhalb eines Links stehen. Dazu habe ich folgende Zeile im Stylesheet hinzugefügt:

a:link img { text-decoration:none;}

ist das syntaktisch richtig? Es funktioniert nämlich nicht so wie ich möchte.

Hier noch der HTML Code für das Bild für das ich die Unterstreichung herausnehmen muss:

  
<a href="javascript:anzeigen('ordner_1','bild_1');" class="Ordner"><img src="bilder/closed.gif"alt="Verzeichnis" width="20" height="20">Startseite</a>

[donnerkai]

Also, wir haben alle zu kompliziert gedacht.
Es genügt ein border="0" im Tag des Bildes und das wars.

[suit]

Also, wir haben alle zu kompliziert gedacht.

Nein, "wir" denken vernünftig.

Es genügt ein border="0" im Tag des Bildes und das wars.

Viel zu lernen du noch hast, junger Padawan. Präsentationsbezogenes Markup ist out - und zwar schon lange.

a img oder a:link img passt schon - du machst noch irgendwas falsch (scheitert es eventuell an der Spezifität?).

[Gunnar Bittersmann]

@@suit:

nuqneH

Es genügt ein border="0" im Tag des Bildes und das wars.

Viel zu lernen du noch hast, junger Padawan. Präsentationsbezogenes Markup ist out - und zwar schon lange.

Was suit sagen wollte: Diese Angabe gehört nicht per missbilligtem Attribut ins HTML, sondern per entsprechender Eigenschaft ins Stylesheet.

a img oder a:link img passt schon

Beim zweiten bin ich mir nicht sicher.

Qapla'

[donnerkai]

Viel zu lernen du noch hast, junger Padawan. Präsentationsbezogenes Markup ist out - und zwar schon lange.

Watt??

a img oder a:link img passt schon - du machst noch irgendwas falsch (scheitert es eventuell an der Spezifität?).

WAAATTTT???

ich verstehe kein Wort. ich weiss weder was Präsentationsbezogenes Markup heissen soll, noch was Du mit Spezifität meinst.

[Gunnar Bittersmann]

@@donnerkai:

nuqneH

ich verstehe kein Wort. ich weiss weder was Präsentationsbezogenes Markup heissen soll, noch was Du mit Spezifität meinst.

Warum fragst du nicht? Schon der erste Treffer erklärt, warum man präsentationsbezogenes Markup vermeiden sollte. Gib _alle_ Darstellung im Stylesheet an!

Zu Spezifität siehe http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=SELFHTML oder CSS-Spec (die deutsche Übersetzung ist nicht auf aktuellem Stand).

Qapla'

[Gunnar Bittersmann]

@@donnerkai:

nuqneH

a:link img { text-decoration:none;}
ist das syntaktisch richtig? Es funktioniert nämlich nicht so wie ich möchte.

Syntaktisch ist das schon richtig (das hätte dir auch der CSS-Validator gesagt), aber es tut nicht, was du willst. Aus zweierlei Gründen:

(1) Die Pseudoklasse :link tut nicht, was ihr Name verspricht.

(2) Du kannst nicht eine Unterstreichung durch eine Nicht-Unterstreichung überdecken.

Qapla'