Html Links ohne Linie?

[Mctom82]

Hallo,

momentan übe mich daran ein Menü zuerstellen für eine Homepage.
Also z.B. Home, Kontakt usw. Das erste was mich alledings stört,
ist das die Links unterstrichen sind. Das sind häßlich aus.
Wie kann man das vermeiden?

Freue mich auf Antwort

BESTE GRüßE
TOM

 

[Anonymous]

Mit CSS.

a:link {
text-decoration: none;
}

 

[Mctom82]

DAnke für die schnelle Antwort.
Diesen CSS muss ich doch im Kopf definieren, oder?
Da ich erst frisch dabei bin, kenne ich mich noch nicht so gut
mit CSS aus. Habe mich bis jetzt nur an HTML geübt.

 

[CrackPod]

am besten lernste gleich wie man es in einer externen css datei schreibt, da dass am besten ist...

und das lernste am besten bei SelfHTML.org!!!

 

[maverick7bm]

ja mit

<style type="text/css"> hier der code </style>

bei viel Code wäre es aber sinnvoller den Code in eine
exterene Datei zu schreiben.

<link rel="stylesheet" href="dateiname.css">

 

[Mctom82]

ja mit

<style type="text/css"> hier der code </style>

bei viel Code wäre es aber sinnvoller den Code in eine
exterene Datei zu schreiben.

<link rel="stylesheet" href="dateiname.css">

AAAALSO,
so habe ich das jetzt eingegeben.

<style type="text/css">
<!--
a:link { text-decoration:none;
}
-->
</style>

ABER ES KLAPPT NOCH IMMER NICHT:
Hast du eine Ahnung warum??

 

[Mctom82]

Ich glaube den Link muss ich dann anders schreiben, kann das sein?

mom. sieht der so aus:
<a href ="Home.html"><font color="black">Home</a></Br>

Habe grade mal mit CSS nämlich die normale text farbeverändert, und da
klappt CSS. Nur bei dem lInk eben nicht...
Vieleicht noch ne Ahnung?

 

[maverick7bm]

heisst es nicht

a:hover{text-decoration:none;}

 

[ingoS]

heisst es nicht

a:hover{text-decoration:none;}

Nein! Das ist zwar auch richtig, aber hilft in diesem Falle gar nichts.
Was Mctom82 geschrieben hat, war eigentlich richtig.
@Mctom82: Vielleicht hilft es ja, wenn du die Seite mal irgendwo hochlädtst und uns den Link dazu gibst, dann können wir uns das besser vorstellen.

 

[Anonymous]

a:link {  
text-decoration: none; 
}

a:visited { 
text-decoration: none; 
}

a:hover {
text-decoration: none; 
}

a:active { 
color : #505050; 
text-decoration: none; 
}

Wieso sollte das nicht gehen?

 

[Mctom82]

Ah super, danke@.......

Ich habe jetzt mal diesen Befehl hier probiert:

a:visited {
text-decoration: none;
}

und damit funktioniert das so, dass endlich die Linie weg ist.
Also waren die anderen Befehle mehr oder weniger falsch??

Keine Ahnung, jedenfalls hat es mit dem geklappt.

Vielen Dank nochmal
beste Grüße
TOM

 

[ema]

am besten lernste gleich wie man es in einer externen css datei schreibt, da dass am besten ist...

und das lernste am besten bei SelfHTML.org!!!

ne mit www.css4you.de