Links in HTML gestalten

Zz|Sorrow

Hallo,

also ich bin weder HTML Profi noch wirklicher Anfänger. Aber ich habe weder via Google noch sonst irgendeine Ahnung bei diesem Problem, das eigentlich relativ einfach ist:
Wie gestalte ich Links in HTML? Sprich wenn ich mit

code:
1:	<a href="Beispiel.html"></a>

Einen Link erstelle wir kann ich dann z.B. die Schriftfarbe ändern (eigentlich macht man das dich mit "alink" bzw. "vlink" oder? Die funktionieren aber komischerweise nicht). Aber was mir noch wichtiger wäre: Links sind ja standarmäßig unterstrichen, wie schalte ich das ab?

Ich weis das sind zeimliche Anfänger Fragen, aber bitte helft mir.

lg
Sorrow

NASA

Die Antwort lautet: CSS
Damit kannst Du alle möglichen Attribute verändern. CSS kannst Du entweder
1. direkt in den tag einbinden,
2. im HTML-Head unterbringen oder
3. über eine externe Datei einbinden

Letzteres empfiehlt sich insbesondere deswegen, weil Du damit die Attribute global auf Deiner gesamten Webseite setzen kannst, d.h. wenn Du in der externen CSS-Datei die Linkfarbe von blau auf grün änderst, ist das für alle HTML-Seiten, die diese CSS-Datei referenzieren gültig.

zu 1.

code:
1: 2:	<a href="http://de.selfhtml.org/css/formate/direkt.htm" style="background-color:#808040; color:#D8FD02;text-decoration:none"> Erläuterungen zu 1. </a>

Guckst Du hier
text-decoration:none schaltet übrigens das unterstreichen aus

zu 2.
Guckt Du weider

zu 3.
Guckst Du

Wenn Dir noch was unklar ist, schreib einfach nochmal, an was genau Du scheiterst.

Zz|Sorrow

Hi Nasa,
Danke für den Hinweis Nasa! Hat mir sehr weitergeholfen fröhlich

Funktioniert nun alles wunderbar über ein externes CSS-Dokument!

schönes Wochenende noch für den rest
Sorrow

Edit:
Also irgendwie ist jetzt der Wurm drinne. Also vorhin funktionierten bei mir die Attribute "vertical-align:top" und "text-decoration:none", dafür aber die Atribute "font-family" und "font-size" nicht. Jetzt ist es wieder umgekehrt

warum fuktiniert immer nur eines von beidem zur Zeit?? Wie kann ich das umgehen?

HTML Code:

code:

1:
2:
3:
4:
5:
6:
7:

        <div id="Navigation">
        <a href="main.html">Startseite</a><br>
        <a href="main.html">Arbeit</a><br>
        <a href="main.html">Tutorials</a><br>
        <a href="main.html">Gallery</a><br>
        <a href="main.html">Contact</a><br>
        </div>

CSS Code:

code:
1: 2: 3: 4: 5: 6: 7: 8:	#Navigation { color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; vertical-align:top; }

Könnte dich das bitte mal jemand anschauen? Danke schonmal im Vorraus!

NASA

Du definierst die CSS-Eigenschaften für die DIV, damit werden grundsätzlich die Eigenschaften an die untergeordneten Tags weitervererbt, was bei den Font-Angaben auch prächtig funktioniert. a-Tags haben aber einige abweichende "Voreinstellungen", die nicht geerbt werden, sondern über die Pseudoklassen definiert werden müssen, wie z.B. color, text-decoration. Dieses erreichst Du so:
http://de.selfhtml.org/html/verweise/def...n.htm#gestalten

Hier mal ein CSS-Datei-Beispiel von meiner Webseite:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:

/* DATEI: stn.css */


body {background-color:#000080; background-image:url(stn1.gif); background-attachment:fixed;}

h1,h2,h3,h4,p,td,li {font-family:Arial,sans-serif; color:#FFFF00;}

table, td, div {border-color:#FFFF00; border-width:1px; border-style:solid; border-collapse:collapse}

td, div {padding:3px; vertical-align:top;}

h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:26px;}
h4 {font-size:23px;}


p,a,td {font-size:18px;}

img { border:none }

a:link {color:#FFFFFF; text-decoration:underline;}

a:visited {color:#808080; text-decoration:underline;}

a:active {color:#A0FFFF; text-decoration:underline;}

a:hover {color:#A0FFFF; text-decoration:underline;}

Zz|Sorrow

Ah, das klingt einleuchtend, und das beste: es funktioniert sogar einwandfrei

1000 Dank für die Hilfe! Jetzt funktioniert alles so wie ich es mir vorgestellt hab!

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH