Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen
search
search

HTML: Jedem Link neue Farben

Hallo, um meinem Menü eine bessere übersicht zu verleihen, müsste ich wissen, wie ich jedem Link eine andere Farbe zuweisen kann habe leider bisher nur möglichkeiten gesehen um links allgemein eine Farbe zu zu weisen :-(.

Könnt euch die Seite ja mal ankucken:
http://it-technikwelt.de

links und rechts das Menü, möchte ich gerne den ersten link Schwarz den zweiten weiß den dritten wieder schwarz...

jetziger Code:
<a href="http://www.domain.de/datei1.php">Link 1</a><br>
<a href="http://www.domain.de/datei2.php">Link 2</a><br>
<a href="http://www.domain.de/datei3.php">Link 3</a><br>

Wie muß der neue Code aussehen?

Vielen Dank im vorraus!


Ach ja,
Meinungen über die Seite sehe ich gerne in meinem Gästebuch!

Moderator informieren  

Antworten zu HTML: Jedem Link neue Farben:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi |

Für 2 verschiedene Linkfarben müsstest du 2 Style-Klassen mit Pseudo-Formaten anlegen, in denen du einfach die Farben entsprechend angibst.

Wie das funzt, kannst du hier genau nachlesen und bei Bedarf gleich so übernehmen ;)

greez 8)
JoSsiF

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Also einfach gesagt :

In den <head> Bereich der Homepage gibts du einfach folgendes ein :

Code: [Auswählen]
a.leenk1.link
{
#FFFFFF
}

a.leenk2.link
{
#000000
}

Oder das ganze in eine externe Datei lagern.. Zumindest setzt du dann die entsprechenden Farben ein..

Um die Farben dann einzubinden gibts du beim Link folgendes an :
<a class="leenk1" href="link1.html">Link1</a><br>
<a class="leenk2" href="link2.html">Link2</a><br>

Die Bezeichnung habe ich deswegen "leenk" genannt, weil "link" nicht erlaubt ist oder es dabei eventuell zu Fehlern kommen könnte. Du kannst die Bezeichnung aber nennen wie du willst, musst dann im "class" Attribut halt auch umbenennen

Oder du kannst die Befehle im header noch erweitern (aus meiner CSS Datei von DerOlleSchwoebel.de:

Code: [Auswählen]
         a.leenk1:LINK
                  {
                       font-family : Verdana;
                       color : #ff6600;
                       font-size: 100%;
                       font-weight: none;
                  }
         a.leenk1:VISITED
                  {
                       font-family : Verdana;
                       text-decoration: none;
                       color: #ff6600;
                       font-size: 100%;
                  }
         a.leenk1:HOVER
                  {
                       font-family : Verdana;
                       text-decoration:underline;
                       color: #00ff00;
                       background-color: #242424;
                       font-size: 100%;
                       font-weight: none; 
                  }
         a.leenk1:AKTIVE
                  {
                       font-family : Verdana;
                       text-decoration:underline;
                       font-size: 100%;
                       font-weight: none;
                  }


Oder ganz einfach ausgedrückt : Gugg einfach mal unter JoSsiFs Link nach ;)
Moderator informieren  

Hi

Es gibt noch eine andere Variante mit reinem Html, dass funkt immer, mit jeden Browser und jeder Sicherheitseinstellung.

<a href="http://www.domain.de/datei1.php"><font color="#000000">Link 1</font></a><br>
<a href="http://www.domain.de/datei2.php"><font color="#ffffff">Link 2</font></a><br>
<a href="http://www.domain.de/datei3.php"><font color="#ff00ff">Link 3</font></a><br>

viele Grüße,
Andreas

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi |

Der <FONT>-Tag ist deprecated und sollte aus Gründen der W3C-Konformität nicht mehr verwendet werden. Stylesheets sind da vorzuziehen ;)

greez 8)
JoSsiF

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Am besten ist da immer noch der <span> Befehl, also

<span style="color :.......">Text</span>

Allerdings hast du bei deinem einfachen HTML Befehl direkt AM Link dann nicht die Effekte drin mit "hover" und "visited"

Moderator informieren  

Seiten: [1]
« Websiten bei Browsern fehlerhaftWer kann Homepage günstig erstellen? »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Axdreas Gast

Datum: 18.06.05, 06:44:42

2200x gelesen, 5 Antworten.

Seiten: [1]

0 und 1 Gast betrachten dieses Thema.
Fremdwörter? Erklärungen im Lexikon!
Pulldown Menü
  Der Begriff "Pull-down-Menü", oder "Dropdown-Menü" bezeichnet eine bestimmte Art von Menü in Benutzeroberflächen, das eine Liste von Funktio...

Dead Link
Als Dead Link, also einen toten Link, bezeichnet man eine Verlinkung oder Verknüpfung, die ins Leere führt. Der Link bezieht sich auf einen Zielpunkt, der nicht...

Deep Link
Die Begriffe Surface Link und Deep Link (in Deutsch: Oberflächenverknüpfung und tiefe Verknüpfung) sind Begriffe aus dem Webmaster-Bereich und bezeichnen v...


Mehr zu HTML: Jedem Link neue Farben

Der perfekte Link mit "Target"

Die Target Definition beschreibt das Ziel eines Links. Es wi...

HTML-Code mit PHP ausgeben

Mit den Ausgabe-Befehlen echo oder print lässt sich HTML-Co...

ProgrammeSonderzeichen in jedem Programm einfügen

Oftmals hat man das Problem, dass, wenn man in einer anderen Sprache schreibt oder fremde Namen verw...

Ähnliche Fragen: