Schriftart für Spalten definieren

[burleypacker]

Ich versuche von einer Tabelle 18 Zeilen und 3 Spalten...die Spalten 2 und 3 mit der selben Schriftart und Schriftgröße zu definieren!!! Bekomme ich aber nicht hin.
Ich möchte aber auch nicht wirklich jeden 2ten und 3ten <td> extra mit einer Schriftart und Größe versehen. Wie kann ich das machen?
align"center" funktioniert bei <colgroup> aber nicht <font face="..." oder size="...">
Könnte mir jemand bitte helfen?

Danke Burleypacker

[minicrispie]

Hallo,

Könnte mir jemand bitte helfen?

vllt.
aber ich habe eine idee: du könntest das mit css machen:
td#spalteZwei {blablabla}
td#spaltedrei {bliblablubb}

du müsstest nur jedes <td> mit einer id versehen.

EINE BESSERE MÖGLICHKEIT: verwende Divs und formatiere sie mit css !

MfG. Christoph

[Auge]

Hallo

aber ich habe eine idee: du könntest das mit css machen:
td#spalteZwei {blablabla}
td#spaltedrei {bliblablubb}

du müsstest nur jedes <td> mit einer id versehen.

Das hieße aber, für jede betroffene Zelle in jeder Zeile eine neue ID, die im CSS berücksichtigt werden muss. An der Stelle wären wohl Klassen geeigneter.

Tschö, Auge

[minicrispie]

Hallo,

Das hieße aber, für jede betroffene Zelle in jeder Zeile eine neue ID, die im CSS berücksichtigt werden muss. An der Stelle wären wohl Klassen geeigneter.

Nagut...das würde natürlich auch funzen ^^

MfG. Christoph

[Timo "God's Boss" Reitz]

aber ich habe eine idee: du könntest das mit css machen:
td#spalteZwei {blablabla}
td#spaltedrei {bliblablubb}

du müsstest nur jedes <td> mit einer id versehen.

ids müssen aber eindeutig sein, bei 18 Zeilen und 3 Spalten bräuchte er also 54 verschiedene ids, die dann alle im CSS-Code auftauchen würden. Schlimmer: Fügt er der Tabelle Zeilen hinzu, blieben die unformatiert, er müsste erneut den CSS-Code verändern. Das ist also keine gute Lösung.
Auge hat eine bessere gezeigt, damit kommt allerdings der IE 6 nicht klar. Wenn das nicht egal ist, bliebe noch, jeder Zelle eine Klasse zu verpassen, je nach Spalte. Diese könnte man dann einheitlich formatieren.

EINE BESSERE MÖGLICHKEIT: verwende Divs und formatiere sie mit css !

Nein, es handelt sich um tabellarische Daten, also sollte auch eine Tabelle verwendet werden.

[burleypacker]

Ich versuche von einer Tabelle 18 Zeilen und 3 Spalten...die Spalten 2 und 3 mit der selben Schriftart und Schriftgröße zu definieren!!! Bekomme ich aber nicht hin.
Ich möchte aber auch nicht wirklich jeden 2ten und 3ten <td> extra mit einer Schriftart und Größe versehen. Wie kann ich das machen?
align"center" funktioniert bei <colgroup> aber nicht <font face="..." oder size="...">
Könnte mir jemand bitte helfen?

Danke Burleypacker

Achso...hier noch mein derzeitiger Stand der Tabelle!

<!---Anfang Tabelle--->

<table height="100%" border="5" bordercolordark="#FFBF00" bordercolorlight="#FF7F00"
 cellspacing="5" cellpadding="10" align="center">

<!---Spalten vordevinieren--->
   <colgroup>
     <col width="80" align="center" bgcolor=#F0F0F0>
     <col width="150" align="center" bgcolor=#F0F0F0>
     <col width="150" align="center" bgcolor=#F0F0F0>
   </colgroup>
   <!---vordefinieren beendet--->

<tr>
    <td><img src="Bilder/1.FC Köln.gif" alt="1.FC Köln" border="0" width="54" height="60"></td>
    <td>1.FC Köln</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/1899 Hoffenheim.gif" alt="1899 Hoffenheim" border="0" width="54" height="60"></td>
    <td>1899 Hoffenheim</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Arminia Bielefeld.gif" alt="Arminia Bielefeld" border="0" width="60" height="60"></td>
    <td>Arminia Bielefeld</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Bayer Leverkusen.gif" alt="Bayer Leverkusen" border="0" width="80" height="60"></td>
    <td>Bayer Leverkusen</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Bayern München.gif" alt="Bayern München" border="0" width="60" height="60"></td>
    <td>Bayern München</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Borussia Dortmund.gif" alt="Borussia Dortmund" border="0" width="60" height="60"></td>
    <td>Borussia Dortmund</td>
    <td>GeKsAs123</td>
   </tr>
   <tr>
    <td><img src="Bilder/Borussia M´Gladbach.gif" alt="Borussia Mönchengladbach" border="0" width="37" height="60"></td>
    <td>Borussia M´Gladbach</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Eintracht Frankfurt.gif" alt="Eintracht Frankfurt" border="0" width="61" height="60"></td>
    <td>Eintracht Frankfurt</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Energie Cottbus.gif" alt="Energie Cottbus" border="0" width="52" height="60"></td>
    <td>Energie Cottbus</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/FC Schalke 04.gif" alt="FC Schalke 04" border="0" width="62" height="60"></td>
    <td>FC Schalke 04</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Hamburger SV.gif" alt="Hamburger SV" border="0" width="80" height="60"></td>
    <td>Hamburger SV</td>
    <td>styla-misel</td>
   </tr>
   <tr>
    <td><img src="Bilder/Hannover 96.gif" alt="Hannover 96" border="0" width="60" height="60"></td>
    <td>Hannover 96</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Hertha BSC.gif" alt="Hertha BSC Berlin" border="0" width="61" height="60"></td>
    <td>Hertha BSC Berlin</td>
    <td>Burleypacker</td>
   </tr>
   <tr>
    <td><img src="Bilder/Karlsruher SC.gif" alt="Karlsruher SC" border="0" width="60" height="60"></td>
    <td>Karlsruher SC</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/VfB Stuttgart.gif" alt="VfB Stuttgart" border="0" width="56" height="60"></td>
    <td>VfB Stuttgart</td>
    <td>WunderKind_90</td>
   </tr>
   <tr>
    <td><img src="Bilder/VfL Bochum.gif" alt="VfL Bochum" border="0" width="58" height="60"></td>
    <td>VfL Bochum</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/VfL Wolfsburg.gif" alt="VfL Wolfsburg" border="0" width="63" height="60"></td>
    <td>VfL Wolfsburg</td>
    <td>frei</td>
   </tr>
   <tr>
    <td><img src="Bilder/Werder Bremen.gif" alt="SV Werder Bremen" border="0" width="39" height="60"></td>
    <td>SV Werder Bremen</td>
    <td>Boettcher</td>
   </tr>
  </table>

<!---Ende Tabelle--->

[Auge]

Hallo

Achso...hier noch mein derzeitiger Stand der Tabelle!

Eieiei, vollständig für den Internet Explorer optimiert.

<!---Anfang Tabelle--->

<table height="100%" border="5" bordercolordark="#FFBF00" bordercolorlight="#FF7F00"
cellspacing="5" cellpadding="10" align="center">

Die bordercolor...-Eigenschaften gibt es so in HTML nicht. Diese Eigenschaften wurden von MS eingeführt und werden nur von deren Produkten unterstützt. Zudem kannst du all diese optischen Effekte besser mit CSS erreichen, was natürlich auch für die folgenden HTML-Elemente gilt.

Ein paar Linktips:
<http://de.selfhtml.org/css/eigenschaften/index.htm@title=SELFHTML: CSS-Eigenschaften>
<http://de.selfhtml.org/css/eigenschaften/tabellen.htm@title=SELFHTML: Tabellenformatierung>
<http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=SELFHTML: Hintergrundfarben und -bilder>
<http://de.selfhtml.org/css/eigenschaften/rahmen.htm@title=SELFHTML: Rahmen>
<http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=SELFHTML: Innenabstand>

<td><img src="Bilder/1.FC Köln.gif" alt="1.FC Köln" border="0" width="54" height="60"></td>

In Verzeichnis- und Dateinamen sind Umlaute und Leerzeichen problematisch, sie müssen maskiert werden, da es sie im HTTP-Kontext nicht gibt. Nur der MSIE macht an dieser Stelle keine Faxen, aber der ist auch kein Maßstab wenn es alle anderen Browser tun, weil sie sich an den Standard halten. Naja, eigentlich ist er es so gut wie nie.

Um das zu umgehen, kann man Leerzeichen durch Binde- bzw. Unterstriche ersetzen und Umlaute, z.B. ä mit ae, umschreiben, damit die Lesbarkeit erhalten bleibt, aber die Probleme umgangen werden.

Zudem sollte man sich auf eine Schreibweise, z.B. alle Pfadbestandteile klein schreiben, festlegen und sie konsequent durchziehen. Ein Scheibfehler in deiner Pfadangabe und du bist nächstens hier, weil das Bild (außer im MSIE) nicht angezeigt wird. "Bilder/1.FC_Koeln.gif" ist eine andere Ressource als "bilder/1.FC_Koeln.gif", außer unter Windows.

Zu deinem eigentlichen Anliegen:

Deine Tabelle enthält jeweils in der ersten Spalte ein Bild und in den beiden anderen Spalten Text. Werden die Bilder nicht angezeigt, enthält auch die erste Spalte Text, nämlich den Inhalt des alt-Attributs. Also müssen wir garnicht zwischen den Spalten unterscheiden.

Du kannst mit der CSS-Anweisung td { font-family:Schriftartname, weitererSchriftartname, generische-Schriftfamilie; } [1] die Schriftart(en) vorgeben. Falls diese eine Tabelle oder eine bestimmte Gruppe von Tabellen eine andere Schriftart haben soll, als andere Tabellen, kannst du der oder den Tabelle(n) eine http://de.selfhtml.org/css/formate/zentrale.htm#individualformate@title=ID oder eine http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=Klasse zuweisen. Damit kannst du sie von anderen Tabellen unterscheiden.

HTML
<table class="klassenname" id="id">

CSS

.klassenname td { ... } /* mit Klassenname */  
#id td { ... } /* mit ID */

[1] siehe: <http://de.selfhtml.org/css/eigenschaften/schrift.htm#font_family@title=SELFHTML: font-family (Schriftart)>, beachte auch die dortigen Erläuterungen

Tschö, Auge

[burleypacker]

Hi...Danke dir für diesen Tipp mit den Klassenname und ID.

Sieht jetzt so aus.

h1 td { font-family:georgia,arial,bell mt; font-size:20px;
        font-weight:normal; }
h1.hinterlegt td { background-color:#FF0000 }

Danke...hat alles funktioniert.
Kenne mich leider noch garnicht mit dem css-code aus.

[Auge]

Hallo

Sieht jetzt so aus.

h1 td { font-family:georgia,arial,bell mt; font-size:20px;
        font-weight:normal; }
h1.hinterlegt td { background-color:#FF0000 }

'Tschuldige, dass ich dir da nochmal dazwischenfunke. Aber eine Überschrift darf nur [pcdata] (grob gesagt: Text) und Inlineelemente enthalten, jedoch _keine_ Blockelemente, zu denen Tabellen gehören.

siehe: <http://de.selfhtml.org/html/referenz/elemente.htm@title=SELFHTML: Elementreferenz> und besonders <http://de.selfhtml.org/html/referenz/elemente.htm#h1_h6@title=SELFHTML: Elementreferenz h1-h6>

Kenne mich leider noch garnicht mit dem css-code aus.

Das gibt sich, wenn man sich ein wenig damit beschäftigt. SELFHTML bietet dafür einen umfangreichen Schatz an Beschreibungen der einzelnen Anweisungen. Die Positionierung mit CSS ist gelegentlich knifflig, da verschiedene Browser die Anweisungen unterschiedlich bzw. garnicht interpretieren. Das erfordert eine gewisse Einarbeitungszeit. Oder man findet sich damit ab, dass ein Layout nicht überall pixelgenau gleich aussehen muss.

Aber Text- und Farbgestaltung und ähnliche Dinge sind mit CSS flächendeckend und einfachst zu erschlagen. Dies zumal, wenn man dafür eine eigene CSS-Datei benutzt, die den Vorteil bietet, dass eine Änderung an einer Stelle ausreicht, um die entsprechende Anweisung für das ganze Projekt gültig zu machen, wenn die eine CSS-Datei für alle Dokumente benutzt wird.

Tschö, Auge

[bleicher]

Grüße,
war da nicht was mit
tr * td

und tr * td+td
kA ob es funktioniert - ich weiss nciht wie die selectoren auf die schließbaren tags wirken. versuch wäre aber wert.
MFG
bleicher

[Auge]

Hallo

war da nicht was mit
tr * td

Das gälte für ein td, das sich in einem beliebigen Element _innerhalb_ von tr befindet. Es gilt _nicht_ für das unmittelbar in tr befindliche td.

und tr * td+td

Analog zu oben gilt dies für ein td, das einem td folgt, das sich in einem beliebigen Element in tr befindet.

tr td+td und tr td+td+td sollte, im Zweifelsfall mit ID oder Klasse für die Tabelle, funktionieren.

Tschö, Auge