Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

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!


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

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Also einfach gesagt :

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

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:

         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 ;)

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

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

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"


« Websiten bei Browsern fehlerhaftWer kann Homepage günstig erstellen? »
 

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

Fremdwörter? Erklärungen im Lexikon!
Pulldown Menü
Der Begriff pull down stammt aus dem Englischen und bedeutet herunterziehen. In früheren Jahren befand sich in rein textlich ausgerichteten Benutzerobeflächen d...

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...