Gunnar Bittersmann: Zweispaltige Tabelle erstellen

Beitrag lesen

@@Chris2018

  • 1 Überschriftenzeile über beide Spalten

Eine Tabellenüberschrift ist nicht <tr><th colspan="2">Attribute</th></tr>, sondern: <caption>Attribute</caption>

Die Zeilenköpfe (die linken Zellen) sind keine Datenzellen, also nicht <td>, sondern <th>

Der CSS Code muss zwingend in den HTML Code "eingebaut" sein. Also auslagern in extra Datei geht nicht.

Was dich nicht davon Abhalten sollte, zum Stylen CSS einzusetzen; nicht darstellungsbezogene, missbilligte HTML-Attribute.

Das Stylesheet für diese Tabelle bindest du an Ort und Stelle ins HTML ein:


<style>
	#my-table {}
</style>
<table id="my-table">
	<caption>Attribute</caption>
	<tbody></tbody>
</table>

Die erste Spalte soll ohne Zeilenumbruch angezeigt werden.

Das solltest du dir für schmale Bildschirme nochmal durchdenken. Der Zeilenumbruch kann ja erst ab einer Mindestbreite verhindert werden.

Ich hab das mal so gemacht.

<img src="URL";; width=200>

Hier fehlt das zwingend notwendige alt-Attribut. Die Statusmeldung soll ja auch erscheinen, wenn das Bild aus irgendeinem Grund nicht geladen wird. Und die Statusmeldung soll auch Nutzern zugänglich sein, die keine Bilder sehen können oder wollen.

Bei dem Foto muss evtl. kein Alternativtext zur Verfügung gestellt werden, wenn da keine weiteren nicht-visuellen Informationen dran hängen. Dennoch auch dort mit Attribut alt="" (sonst lesen Screenreader den Dateinamen vor).

<a href="mailto:MAIL?cc=&subject=Fehlermeldung%20Maps&Body=TEXT">Fehlermeldung</a>

Das & ist in HTML ein Sonderzeichen und sollte deshalb als &amp; escapet werden: <a href="mailto:MAIL?cc=&subject=Fehlermeldung%20Maps&amp;Body=TEXT">Fehlermeldung</a>

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann