Schriftformatierung mit <span>

Die Links musst du gesondert formatieren.
Z.B. indem du diesen (Beispiel-)Code innerhalb des headbereichs einfügst:

Hi |

prm hat es richtig gesagt: Auch wenn Links innerhalb von Spans liegen, werden diese nicht mitformatiert. Das ist manchmal etwas lästig, aber durchaus begründet.

Du kannst übrigens zusätzlich zum angeführten Beispiel auch CSS-Klassen für die Links vergeben, das sieht dann z.B. so aus:

Hallo und vielen Dank für die Antworten,

ich habe den Link im Ausgangsthread geändert. Ist jetzt aufrufbar.

Ich habe eine zentrale .css, kann ich dann dort auch generell das Verhalten bei Links steuern. Ich will Links immer rot und fett haben. Dann müsste das ja so aussehen, oder ?

a.eineklasse:link {font-size:1em;
             color:#FF0000;
             text-decoration:none;
             font-weight:bold;}

Wenn du das Link-Aussehen generell verändern willst, dann wäre die erste Variante (siehe prm) sinnvoll, also ohne Klassenangabe.

Du kannst zwar auch Variante 2 verwenden, müsstest dann aber in jedem Hyperlink die Klasse mit angeben, also z.B.

Hallo,

ich habe jetzt die Links in der zentralen .css eingebunden. Die Schriftgrösse geht aber irgendwie nicht zu regeln. Hier ist die Formatierung:

.link1 a, .link1 a:visited{font-size:1.8em;
             color:#FF0000;
             text-decoration:none;
             font-weight:bold;}
.link1 a, .link1 a:hover{font-size:1.8em;
             color:#000000;
             text-decoration:none;
             font-weight:bold;}       

<a class="link1"  href="www.ebay.com">Ebay.com</a>

Mach's mal so:

Hallo,

jetzt wird die Schrift nur grösser, wenn man mit der Maus drüber geht. Auch kein schlechter Effekt, aber nicht das was ich haben wollte.

Aber so geht es:

a.link1:link {font-size:1.5em;
             color:#FF0000;
             text-decoration:none;
             font-weight:bold;}

a.link1: visited{font-size:1.5em;
             color:#FF0000;
             text-decoration:none;
             font-weight:bold;}

a.link1:hover{font-size:1.5em;
             color:#FFFFFF;
             text-decoration:none;
             font-weight:bold;}       

Is wie in der Schule: man muss nur richtig abschreiben

Hallo,

ich finde es nicht. Ist bei der Rechtschreibung auch der Abstand wichtig ? Vielleicht kannst Du mir nochmals auf die Sprünge helfen

ich finde es nicht.

Hallo,

Du hast doch geschrieben, dass ich richtig abschrieben soll, dann muss ich ja einen Fehler in meiner .css haben oder was meinst Du damit ?

Ja, das meinte ich. Es stand ja oben schonmal richtig. Aber deine zuletzt gepostete Lösung hat ja nach deiner Aussage funktioniert, und sie sieht auch syntaktisch richtig aus

greez
JoSsiF

Hallo,

nee, nicht wirklich. Die Schriftgrösse der Links auf der Startseite ist kleiner als der Rest, obwohl dies gleich in der .css steht. Wie kann das sein ?

Die Schriftgrösse der Links auf der Startseite ist kleiner als der Rest, obwohl dies gleich in der .css steht. Wie kann das sein ?

Hallo,

das hatte ich bereits eingefügt. Hier meine .css

a.link1:link {font-size:1.2em;
             color:#FF0000;
             text-decoration:none;
             font-weight:bold;}

a.link1: visited{font-size:1.2em;
             color:#FF0000;
             text-decoration:none;
             font-weight:bold;}

a.link1:hover{font-size:1.2em;
             color:#FFFFFF;
             text-decoration:none;
             font-weight:bold;}       

<a href="file:///D:/Frontpage/Neu/USA_2006-2/tour.htm" class="link1">

Bist du sicher, dass du diesen Code auch im head-Bereich der Datei drinstehen hast, bei der die Links kleiner angezeigt werden?
Sofern du keine ausgelagerte CSS-Datei hast, musst du auf jeder Seite die entsprechenden CSS-Formatierungen in den head-Bereich einfügen.

Hallo,

die .css ist ausgelagert und dann sollte es ja stimmen, oder ?

Sofern der Verweis zur CSS korrekt ist, sollte es passen.
Kannst du die Seite nicht mal auf den Webspace laden und einen Link hierzu reinstellen? Alles andere ist jetzt Kaffesatzleserei.

Hallo,

ja klar.  www.frankgayer.com/Entwurf/index.html

Du hast für die vorhergehende table, td und tr eine font-size von 10pt festgelegt. Die link1-Klasse hat dagegen 1.2em. Das ist wesentlich größer.
Normalerweise sollte es passen, wenn du bei link1 ebenfalls 10pt nimmst, haut aber bei mir nicht hin, ist dann zu klein. Kann ich mir leider nicht erklären.
Nimm mal sowohl für table, tr, td und den link1 jeweils 1em, dann sollte es hinkommen.

Hi |

Die Maßeinheit em ist ein relatives Maß, was sich an Elternelementen orientiert.

Beispiel:
Du machst ein Div und vergibst dafür eine Schriftgröße von 2em. In dieses Div machst du noch ein Div und vergibst dafür wieder 2em. Der Text im 2. Div wird wesentlich größer (schätzungsweise doppelt so groß) erscheinen. Setzt man im 2. Div aber die Schriftgröße auf 1em, so hat man dieselbe Größe wie im 1. Div (weil 1em = 100%).

Auch nachzulesen hier.

greez
JoSsiF

Hallo,

danke für den Link. Wenn ich also die Schriftgrösse auf pt umstelle, wie in der generellen Schriftgrösse, dann wäre das richtig. Habe ich das so richtig gelesen ?