• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Schriftart in Tabelle festlegen

D

dunkley

Neues Mitglied
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: 
<table width="689" border="0" >
    <tr>
      <th width="70"   scope="col"><div align="center">Platz</div></th>
      <th width="112"   scope="col"><div align="center">Mannschaft</div></th>
      <th width="41"    scope="col">Spiele</th>
      <th width="10"   scope="col"><div align="center">G</div></th>
      <th width="14"   scope="col"><div align="center">U </div></th>
      <th width="9"   scope="col"><div align="center">V</div></th>
      <th width="82"   scope="col"><div align="center">Spielpunkte</div></th>
      <th width="61"   scope="col"><div align="center">Differenz</div></th>
      <th width="93"   scope="col">Punkte</th>
    </tr>
    <tr>
      <td  ><div align="center">1</div></td>
      <td  ><div align="center">BSC 1899 Offenbach</div></td>
      <td  ><div align="center">6</div></td>
      <td  ><div align="center">6</div></td>
      <td  ><div align="center">0</div></td>
      <td  ><div align="center">0</div></td>
      <td  ><div align="center">144:80</div></td>
      <td  ><div align="center">64</div></td>
      <td  ><div align="center">27</div></td>
    </tr>
    <tr>
      <td  ><div align="center">2</div></td>
      <td  ><div align="center">SG Eintracht Frankfurt</div></td>
      <td  ><div align="center">6</div></td>
      <td  >5</td>
      <td  ><div align="center">0</div></td>
      <td  ><div align="center">1</div></td>
      <td  ><div align="center">324:63</div></td>
      <td  ><div align="center">261</div></td>
      <td  ><div align="center">27</div></td>
    </tr>
    <tr>
      <td  ><div align="center">3</div></td>
      <td  ><div align="center">TG 75 Darmstadt</div></td>
      <td  ><div align="center">
        5
        </td>
      <td  >3</td>
      <td  ><div align="center">0</div></td>
      <td  ><div align="center">2</div></td>
      <td  ><div align="center">115:84</div></td>
      <td  ><div align="center">31</div></td>
      <td  ><div align="center">14</div></td>
    </tr>
    <tr>
      <td  ><div align="center">4</div></td>
      <td  ><div align="center">RK Heusenstamm II</div></td>
      <td  ><div align="center">
        4
        </div></td>
      <td  >2</td>
      <td  ><div align="center">0</div></td>
      <td  ><div align="center">2</div></td>
      <td  ><div align="center">82:108</div></td>
      <td  ><div align="center">-26</div></td>
      <td  ><div align="center">10</div></td>
    </tr>
    <tr>
      <td  ><div align="center">5</div></td>
      <td  ><div align="center">URC Gießen 01</div></td>
      <td  ><div align="center">6</div></td>
      <td  >1</td>
      <td  ><div align="center">1</div></td>
      <td  ><div align="center">4</div></td>
      <td  ><div align="center">47:140</div></td>
      <td  ><div align="center">-93</div></td>
      <td  ><div align="center">6</div></td>
    </tr>
    <tr>
      <td  ><div align="center">6</div></td>
      <td  ><div align="center">RU Marburg</div></td>
      <td  ><div align="center">4</div></td>
      <td  >0</td>
      <td  ><div align="center">1</div></td>
      <td  ><div align="center">3</div></td>
      <td  ><div align="center">22:97</div></td>
      <td  ><div align="center">-75</div></td>
      <td  ><div align="center">2</div></td>
    </tr>
    <tr>
      <td  ><div align="center">7</div></td>
      <td  >SG 80 III/Babenhausen</td>
      <td  ><div align="center">5</div></td>
      <td  >0</td>
      <td  ><div align="center">0</div></td>
      <td  ><div align="center">5</div></td>
      <td  ><div align="center">23:185</div></td>
      <td  ><div align="center">.162</div></td>
      <td  ><div align="center">1</div></td>
    </tr>
  </table>
 
Werbung:
Per CSS mit
Code: 
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.
 
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:
Code: 
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.

Code: 
<span class="abc">0</span>
 
Werbung:
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.

Code: 
font-family:Arial,sans-serif;

Silar schrieb:
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.
Zum Vergrößern anklicken....
Klasse und div schließen sich nicht aus. Dein Beispiel ist aber richtig.
 
_Thor_ schrieb:
Per CSS mit
Code: 
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.
Zum Vergrößern anklicken....

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
 
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;
}

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 :)
 
Werbung:
Gauner schrieb:
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;
}

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 :)
Zum Vergrößern anklicken....

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
 
dunkley schrieb:
wo, und wie müsste ich das CSS in meinem Quellcode einbinden??
Zum Vergrößern anklicken....
Am besten in einem externen Stylesheet, das trägt zur Trennung von Inhalt und Layout bei.

Gauner schrieb:
Allerdings fehlt in obigem Beispiel noch das TR, sonst hättest du bei den Tabellenüberschriften immer noch die Standardschirftart.
Zum Vergrößern anklicken....
Nein, das ist nicht richtig. Tabellenüberschriften werden mit <th> (table header) ausgezeichnet. <tr> steht für table row, dieses Element enthält niemals Text.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben