Meldungen in HTML-Table

International Deutsch
1

Ich versuche über eine HTML-Tabelle Störungsmeldungen, Grenzwertüberschreitungen u.ä. anzuzeigen - soweit funktioniert das, allerdings möchte ich nicht in jedemTabellenfeld (td) die Schriftgröße angeben.
Wie kann man das im Tabellenkopf regeln, damit dann die Schriftgröße für alle Tabellenfelder in der Tabelle gilt:

Code bisher: font size ="-1" soll nicht mehr in jeder Zelle stehen

smeldehtml += "<div style=\"font-family:arial\" align=\"center\">"; 
smeldehtml += "<table>

for ( int i = anzeigehtmlmeldungende; i >= anzeigehtmlmeldunganfang; i--) {    
  smeldehtml += "<tr><td><font size =\"-1\">";
  smeldehtml += meldung[i].idx;
  smeldehtml += "</td><td><font size =\"-1\"> ";
  smeldehtml += meldung[i].sdatumkurz;
  smeldehtml += "</td><td><font size =\"-1\"> ";
  smeldehtml += meldung[i].suhrzeit;
  smeldehtml += "</td><td><font size =\"-1\"> ";
  smeldehtml += meldung[i].smeldung;
  smeldehtml += "</td></tr>";
}

smeldehtml += "</table></div>";

das zB hat nicht funktioniert:


smeldehtml += "<div style=\"font-family:arial\" align=\"center\">"; 
smeldehtml += "<table><tr><th><font size =\"-1\"></th></tr>";
2

Warum benutzt Du keine css-Datei bzw. css-Sektion, um die Schrift für td {Schrft-Definitionen} fest zu legen?

Gruß Tommy

3

weil ich davon keine Ahnung habe - dachte das geht vlt einfach in html

4

Da ist es halt mehr Schreiberei. Mal etwas lernen und kurz schreiben oder nicht lernen und lang schreiben. Such es Dir aus.

Gruß Tommy

5

oje, danke für die tolle Binsenweisheit :wink:

hab´s schon gesucht, bin aber damit nicht zurecht gekommen.
Buttons mit css bekomme ich hin.

... wie geht css mit einer tabelle?

6

du kannst direkt styles für die HTML tags vergeben ... td ist die Zelle, also weise td einen style zu.
post mal ein valides HTML mit deiner Tabelle, dann kann man vieleicht ein Muster CSS machen.

7 
<head>
<style>
  td {font-family:arial; text-align:center; font-size:-1;  }
</Style>
</head>

Bei font-size evtl. 0.875em anstelle von -1

Zum Nachschlagen: https://www.w3schools.com
oder https://wiki.selfhtml.org/

Gruß Tommy

8

Vielen Dank für die Codevorlage.. auf der Seite war ich, hab aber nicht ganz das gefunden was ich gebraucht habe
CSS Table Style (w3schools.com)

Stelle ich das ganz einfach vor table ?

9

Rate mal, warum ich < head> ... < /head> darum geschrieben habe. Der Grundaufbau einer Webseite sollte doch wohl mindestens bekannt sein.
Das Leerzeichen in den Tags weg. Ohne Leerzeichen macht die Forensoftware Unsinn.

Gruß Tommy

10

Hallo,
ich mag eigendlich keinen HTML im Sketch-Code. Aber gehe mal so vor und baue einen style tag ein.

<style>
 table{
	font-size: 0.8em;
}
</style>

als HTM in sieht das dann so aus. kannst Du als html abspeichern und dann mit dem brauser starten.

<!DOCTYPE html>
<html lang="de">
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
<meta charset = "UTF-8">
<title>Tabelle</title>

<style>
 table{
	font-size: 0.8em;
}

</style>

</head>

<body>

<h1>einfache Tabelle</h1>

Das ist noch normaler Text <br>

<table>
  <tr>
    <td>Zeile1</td>
    <td>Spalte1</td>
    <td>Spalte2</td>
   </tr>
   <tr>
     <td>Zeile2</td>
     <td>Spalte2</td>
     <td>Spalte3</td>
   </tr> 
</table>

Das ist wieder groß <br>

</body>
</html>

Nachtrag
das hat sich jetzt mit Tommy überschnitten , er war schneller.

Gruß Heinz

11

musste noch ein etwas geändert werden, aber jetzt funktioniert es:

"td {font-family:arial; text-align:left; font-size: 12px;}"

mit dem font-size: -1 ging es nicht - mit 12px klappte es .

Danke Dir

12

Das wäre auch eine Alternative gewesen, wie ich in #7 geschrieben hatte. Alles lesen.

Gruß Tommy

13

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.