verschiedene linkfarben für verschiedene links in html

Hier kann über alles diskutiert werden, wirklich alles. Betonung liegt auf "diskutiert", das ist also kein Freischein zum Spammen.
(Beitragszähler deaktiviert)
Antworten
Dimi

verschiedene linkfarben für verschiedene links in html

Beitrag von Dimi » 12. Aug 2009, 18:42

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

Benutzeravatar
Slash
Feuerwolf
Beiträge: 116
Registriert: 2. Jun 2006, 21:13
Wohnort: Schweiz
Kontaktdaten:

Re: verschiedene linkfarben für verschiedene links in html

Beitrag von Slash » 12. Aug 2009, 19:05

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;
}
Bild
Letzte Updates:
  • - NEU: Runenpuzzle-Löser
    - Alle Timer haben jetzt einen Warnton

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 328 Gäste