Development - Schriftart mit einem css festlegen?

Hallo bytefresser.
Wenn ich neue Seiten mit dem htmlEditor GoLive6 erstelle, wird jeglicher Text in den erstellten Seiten in der Schriftart Arial dargestellt, so wie ich es als default fontset in den GoLive Preferences festgelegt habe. Im Inetbrowser auf meinem Heimrechner werden die Textelemente der Seiten auch in Arial angezeigt. Aber auf jedem anderen Rechner wird der Text jedoch in Times New Roman angezeigt. Ich habe begonnen den Code, Zeile für Zeile, in den Textbereichen mit face="arial" zu ergänzen, da ich bisher noch nicht herausfinden konnte, warum der Editor die jeweiligen tags nicht ensprechend der als default fontset festgelegten Schriftart in htmlCode umsetzt.

Kann ich mir die zeitraubende Nachbearbeitung der Codezeilen zahlreicher Seiten vielleicht mit einem css ersparen? Was genau ist css? Ist css eine Formatierungsanweisung die als separate Datei mit htmlSeiten verknüpft wird und so z.B. die Schriftart von Textelementen festlegt oder ist es eine Formatierungsanweisung, die in den htmlCode eingefügt wird?

Bitte um Die besten Tipps & Tricks

Hi Wim!

CSS ist eine Art Formatvorlage, die du zur Formatierung von allen möglichen Elementen benutzen kannst.

Um z.B. Schrift zu formatieren, gehst du so vor:

Als erstes gibst du die CSS-Datei im HTML-Head an: <link REL="stylesheet" TYPE="text/css" href="dateiname.css">. In diese Date kommen nun die Formatierungsanweisungen rein, z.B. die folgenden:

.mitte10 { color:#FFFFFF; font-family:verdana,tahoma,arial,helvetica,sans-serif; font-weight:normal; text-decoration:none; font-size:10px }

.mitte10 a { color:#CCCCCC; font-weight:normal; text-decoration:none; font-size:10px }

.mitte10 a:link { color:#CCCCCC; text-decoration:none; font-weight:normal; font-size:10px }

.mitte10 a:visited { color:#CCCCCC; text-decoration:none; font-weight:normal; font-size:10px }

.mitte10 a:hover { color:#FFFFFF; text-decoration:underline; font-weight:normal; font-size:10px }

Jetzt kannst du (wenn wir bei dem Fall bleiben) die Klasse "mitte10" einbinden: Dazu schreibst du einfach in z.B. die übergeordnete Tabelle oder TD den Tag class="mitte10".

Im obigen Beispiel wird folgendes bewirkt:

Die 'normale' Schrift hat die Farbe schwarz, benutzt in der angegebenen Reihenfolge die Schriftarten des Users (wenn keine der angegebenen vorhanden ist, wird die Standardschriftart verwendet). Font-weight:normal; bedeutet kein Fettschrift (bold) und die Größe ist 10 Pixel.

a:link steht für einen normalen Link, a:visited bezieht sich auf den schon besuchten Link (hier gleichfarbig) und a:hover ist die Situation, wenn du mit der Maus über den Link fährst (hier wird der dann unterstrichen).

Argh, ich bin in der Hektik gar nicht richtig auf dein Posting eingegangen, kann dazu aber auch nciht so sehr viel sagen, da ich für HTML-Kram eigentlich nur nen Texteditor benutze (UltraEdit) - GoLive hab ich noch nicht benutzt...

Wenn du versuchst, den Font mit CSS zu formatieren, erspart dir das allerdings nicht die zeitraubende Nachbearbeitung, denn du mußt häufiger in den übergeordneten Tabellen die CSS-Anweisung einbauen (z.B. <table class="mitte10">)

Hi bytefresser!

Wie binde ich denn z.B. die Klasse (.mitte10a:link) in einen Fließtext ein?
Könntest du bitte ein bißchen zu den übergeordneten Tabellen bzw. der Hirarchie der einzelnen Seitenelemente erzählen?

Bitte um Die besten Tipps & Tricks

Hi Wim - du kannst das auf verschiedene Art und Weise tun, eine wäre:
<span class="mitte10">dein text</span>