LX: Tabelle mit CSS möglichst elegant formatieren

Beitrag lesen

Frohes Neues!

1. Im Sinne der Semantik macht es Sinn, in der ersten Spalte statt td lieber th-Tags zu verwenden: erstens sind es Zeilenüberschriften und zweitens benötigt man dann keine zusätzliche Klasse.

Den th-Elementen kannst Du per CSS eine width von 200px geben, die Tabelle bekommt 100%. Die Textausrichtung kannst Du mit http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align regeln. Falls Dir der Fettdruck bei den th-Tags mißfällt, nutze http://de.selfhtml.org/css/eigenschaften/schrift.htm#font_weight@title=font-weight.

2. Wenn jeder Button genau die Hälfte bekommt, reicht der Abstand zwischen ihnen, um den Umbruch zu erzwingen. Gebe jedem ein wenig weniger (bspw. 45%, um auf der sicheren Seite zu sein), dann sollte es klappen.

3. Abgesehen davon ist die Lösung nicht unelegant, rein technisch gesehen. Was Du mit der Formatierung anstellst, ist Deine Sache. Ränder, Hintergründe, Schriftarten - Du kannst alles nutzen.

Gruß, LX

--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes