a:link - soll nicht bei Bildern erscheinen

tatoosh · #1 (**permalink**) 06.11.2008, 17:59

Hallo,
habe eine Frage an Euch.

ich habe in meinem CSS die Links wie folgt verändert:

Code:

a:link , a:visited, a:hover, a:focus{
	color:#5D6600; 
	text-decoration: none; 
	border-bottom: 1px dotted #5D6600;
}

Nun habe ich aber auch die gestrichelte Linie bei verlinkten Bildern (siehe rote Pfeile - zur Kennzeichnung).

Wie bekomme ich diese dort weg?

Habe dieses versucht, leider ohne Erfolg:

Code:

a {
  text-decoration:none;
}

img { 
border: none;
}

oder online: www.tatoosh.de

Danke Euch!

Timo · #2 (**permalink**) 06.11.2008, 18:12

Links mit Bildern eine Klasse geben und der border:none; geben oder per Style-Atribut in Code schreiben, was aber die trennung von Design von Code nichtmehr gewährleistet.

tatoosh · #3 (**permalink**) 06.11.2008, 18:20

Okay danke frü deinen schnellen Lösungsvorschlag.Das wäre eine Lösung, jedoch etwas umständlich, da ich oft mit Bildern arbeite: immer ein class="irgendwas" angeben.
Gibt es keine andere Möglichkeit?

Timo · #4 (**permalink**) 06.11.2008, 19:25

Gib den externen Links ne Klasse

Nein Im ernst, du kannst mit CSS keine inhaltsabhänigen Bednungen stellen.

Das ist meiner Meinung nach die beste Lösung, erlich gesagt wüsste ich keine andere.

tatoosh · #5 (**permalink**) 06.11.2008, 19:26

okay, werde es dann wohl über die Klasse machen. dank dir.

hubspe · #6 (**permalink**) 06.11.2008, 19:39

Hi,

vielleicht könntest du allen verweissensitiven Bildern für alle Linkzustände einen Rahmen in der Farbe des Hintergrundes geben.

Wenn der HG immer gleich ist bräuchtest du das nur einmal definieren.

tatoosh · #7 (**permalink**) 06.11.2008, 19:45

mh, ja ausch ein guter Vorschlag. Ich habe jedoch jetzt erstmal den border-bottom entfernt. teste ich aber mal, vielleicht komme ich damit weiter. danke

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
z-index hoch, dennoch grafik nicht ganz oben	bergg	CSS	6	27.10.2010 16:02
rätselhafter Leerraum zwischen Content und Footer im IE	jhonnybravo	CSS	5	04.03.2010 11:47
mysteriöser Hovereffekt bei Bildern	smile!	CSS	7	18.02.2010 17:28
Syntaxfrage a:link, a:visited, ... kurz zusammenfassen	Smartsoul	CSS	9	01.02.2006 03:41
template mit bildern	cssmichl	CSS	5	10.05.2005 10:28