SmartVisu - HTML Schnipsel

[Maexle]

Hallo zusammen,

Vielleicht können wir hier ein paar HTML-Tipps sammeln...


Konkret kämpfe ich mit einer Tabelle.

Könnt Ihr mir weiterhelfen? Ich hätte diese "Tabelle" gerne etwas ansehnlicher.


T1.PNG

T2.PNG

bei T1 habe ich "Tiefsttemperartur" in der 1. Zeile und "der letzten Tage" in der 2. Zeile --> Umbruch passt --> Tabelle aber nicht zentriert/verteilt im Block

bei T2 Tabelle zentriert/verteilt im Block aber Umbruch


Hier der Code (<th> bei den basic.print ist Absicht --> Schrift Fett )

<div class="block">
	<div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="c" data-mini="true">
		<div data-role="collapsible" data-collapsed="false">
			<h3>Außentemperatur Garage</h3>
			
				<table>
					<tr>
						<td>Tiefsttemperatur der letzten 7 Tage </td>
					
						<td>Aktuelle Temperatur</td>
					
						<td>Höchsttemperatur der letzten 7 Tage</td>
					</tr>
					
					
					
			 
					<tr>
						<th>{{ basic.print('', 'garage.temperatur.aussen.min', '°C') }}</th>
					
						<th>{{ basic.print('', 'garage.temperatur.aussen', '°C') }}</th>
					
						<th>{{ basic.print('', 'garage.temperatur.aussen.max', '°C') }}</th>
					</tr>
				</table>