Schriftart in Tabelle festlegen

html.de-Forum HTML, XHTML & CSS
1

Hallo Leute,

bin blutiger Anfänger, und habe mit iWeb (Apple) eine Homepage erstellt und mit Dreamweaver eine Tabelle in HTML, leider krieg ich es nicht gebacken die Schriftart in „Calibri Bold“ umzuändern. Hab schon gegoogelt, und einiges ausprobiert, hat aber nix gebracht. Ich denke für die Profis ist das kein Problem.

Also wie gesagt: Gewünscht ist die Tabelle in Calibri Bold!!!

[HTML]

Platz
Mannschaft
 Spiele
G
U
V
Spielpunkte
Differenz
 Punkte
1
BSC 1899 Offenbach
6
6
0
0
144:80
64
27
2
SG Eintracht Frankfurt
6
 5
0
1
324:63
261
27
3
TG 75 Darmstadt
5
3
0
2
115:84
31
14
4
RK Heusenstamm II
4
2
0
2
82:108
-26
10
5
URC Gießen 01
6
 1
1
4
47:140
-93
6
6
RU Marburg
4
 0
1
3
22:97
-75
2
7
 SG 80 III/Babenhausen
5
 0
0
5
23:185
.162
1

[/HTML]

2

Per CSS mit

td, th {
  font-family: calibri;
  font-weight: bold;
  text-align: center;
}

Dann kannst du auch die divs in den Zellen entfernen, denn die haben da nichts zu suchen.

Sinnvoll wäre es auch, wenn du deinen Code selber schreibst und ihn nicht generieren lässt, denn dann kommt sowas unsauberes dabei raus.

3

Die Schriftart wird nicht bei jedem angezeigt, weil sie nicht auf jedem Computer installiert ist. definiere mehrere Schriftarten im CSS, die evtl. ähnlich sind, dann ist die Wahrscheinlichkeit größer, dass eine solche Schrift angezeigt wird. Beispiel:

font-family: "SchriftB" "SchriftB";Ansonsten: Besser ist es, wenn du Inhalt und Layout strikt trennst, damit der Quellcode übersichtlicher wird, und der Sinn von HTML/CSS besser umgesetzt ist.

Wenn du aber für bestimmte Zellen eine andere Schriftart haben willst, steckst den Inhalt in eine Klasse, nicht in ein div, denn mit div’s fasst du mehrere ‚Inhalte‘ zusammen.

<span class="abc">0</span>
4

Mehrere Fonts werden durch Komma getrennt. Als letztes solltest Du eine generische Schriftart angeben (serif, sans-serif, monospace, …), damit nicht eine Schriftart mit Serifen angezeigt wird, wenn Du eine serifenlose möchtest.

font-family:Arial,sans-serif;

Klasse und div schließen sich nicht aus. Dein Beispiel ist aber richtig.

5

Hallo,

Danke für die vielen Antworten!!

Zum Zitat (s.oben) wo, und wie müsste ich das CSS in meinem Quellcode einbinden??

Gruß Dunkley

6

Hi Dunkley,

entweder im Head oder in der externen CSS-Datei, falls du eine angelegt hast.
Die Position spielt hierbei keine Rolle.

Allerdings fehlt in obigem Beispiel noch das TR, sonst hättest du bei den Tabellenüberschriften immer noch die Standardschirftart.

[HTML]td, th, tr {
font-family: calibri;
font-weight: bold;
text-align: center;
}
[/HTML]

Falls dir diese Antwort zu blöd ist, sag einfach, welchen Editor du benutzt
und welchen Weg du darin gegangen bist, um die CSS zu erstellen.
Das hilft dann ungemein :slight_smile:

7

Hallo,

Hab als Editor Dreamweaver benutzt. Bin jetzt endlich zum Erfolg gekommen. Habe die CSS einfach über der Tabelle angelegt (ich glaube das heißt im „head“). Hab einfach ein bisschen mit den Tipps von euch, und dem Quellcode von Dreamweaver rumgebastelt, und bin zum gewünschten ergeniss gekommen. Hier haben wir es :lol:tabelle der regionalliga hessen (stand 06.01.10)

Da ich sicher noch vieles ausprobieren werde, wird mir dieses Forum sicher noch in der Zukunft eine Hilfe sein.

Danke an Alle !!

Gruß Dunkley

8

Am besten in einem externen Stylesheet, das trägt zur Trennung von Inhalt und Layout bei.

Nein, das ist nicht richtig. Tabellenüberschriften werden mit (table header) ausgezeichnet. steht für table row, dieses Element enthält niemals Text.

9

Ja, sehe ich auch jetzt erst, hab ich da vertan, sorry!