Seite 1 von 1

verschiedene linkfarben für verschiedene links in html

Verfasst: 12. Aug 2009, 18:42
von Dimi
ich übe mich im moment ein wenig in html und bin jetzt auf folgendes problem gestoßen. Ich habe mehrere Links auf der Seite. Unter anderem eine verlinkte Grafik und auch verlinkter Text. jetzt hab ich in der htmldatei folgendes drinne im header:

Code: Alles auswählen

<style type="text/css">
	body { background-color:#000000; }
	a:link { text-decoration:none; color:#000000; }
	a:visited { text-decoration:none; color:#000000; }
	a:hover { text-decoration:none; color:#ffffff; }
	a:active { text-decoration:none; color:#000000; }
	a:focus { text-decoration:none; color:#ffffff; }

</style>
so weit so gut. hab die schwarze farbe für die links aber nur gewählt, weil ich sonst um meine verlinkten grafiken nen hässlichen rahmen habe (hab ich so auch, aber in schwarz und da der hintergrund auch schwarz ist sieht man es nicht...trick 17 ^^). das problem ist jetzt aber das alle anderen links auf der seite auch schwarz sind und dadurch die texte die verlinkt sind nicht lesbar sind.

ist eigentlich nur ne notlösung deshalb hoffe ich das mir entweder jemand sagen kann wie ich für den grafiklink z.b. es schwarz machen kann und trotzdem z.b. weißen text bei textlinks haben kann, ooooder mir sagen kann wie ich diese umrandung der grafik bei verlinkten grafiken transparent bekomme.

edit: ok, sorry, hätte vorher richtig googlen sollen 'x) habs gefunden dass das mit a class="bla" geht

Re: verschiedene linkfarben für verschiedene links in html

Verfasst: 12. Aug 2009, 19:05
von Slash
mach in dein styleabschnitt folgenden code rein wegen den linkumrandungen

Code: Alles auswählen

a img {
    border:0px;
}

EDIT: Achja, damit die neuen Browser nicht so hässliche Punktrahmen beim klicken machen kommt noch

Code: Alles auswählen

a {
    outline:none;
}