KrickelD
Moin Leute,
ich hänge mal wieder fest... Ich möchte eine Tabelle darstellen, bei der die Anzahl der Zeilen dynamisch ist. Je mehr Zeilen desto kleiner die Schriftart.
Beispiel:
Nur 3 Zeilen: Richtig große Schrift
10 Zeilen: Mittlere Schriftgröße
ab 15 Zeilen: Kleine Schriftgröße
Habt ihr spontan eine Idee?
TrioxX
Naja, ich würde mittels PHP einfach die Anzahl der Zeilen auslesen und dann entsprechend eine CSS-Klasse an die Tabelle hängen.
Vielleicht gehts auch mit JS z.B.
| code: |
1:
|
document.getElementById('table1').getElementsByTagName('tr')[0].getElementsByTagName('td').length |
|
KrickelD
ja das mit der PHP-lösung habe ich momentan umgesetzt. gesamthöhe durch anzahl zeilen ergibt höhe pro zeile, dementsprechend wird die font-size und line-heigt gesetzt.
ich fragte mich nur ob es da auch was klassisches/dynamisches gibt damit ich da nicht gleich mit php arbeiten muss... trotzdem danke
TrioxX
Wie gesagt, da wäre noch JS. Rein mit CSS geht das, was du vor hast, selbstverständlich nicht. Oder ich kenne es nicht.
KrickelD
td.autohoehe {
font-size: zeilenhöhe;
}
das funktioniert leider nicht
KrickelD
Ergänzung:
Bilder (<img>) könne ja auf width:100% gesetzt werden, diese erscheinen dann proportional wenn man nur width ODER height angibt...
habt ihr vielleicht eine idee ob/wie man das als übergangslösung nutzen könnte?
problem ist halt, dass je nach platz width oder height als maximum gelten soll
