Bootstrap 4 Modal mit Tabelle Smartphoneansicht sehr bescheiden
bearbeitet von Gunnar Bittersmann@@Emess
> Ich würde nicht so weit gehen zu sagen ich könnte HTML programmieren. Aber ein fertiges Template kann ich schon ganz gut bearbeiten bzw. verändern.
Ah, dann waren die vielen guten Sachen gar nicht von dir, sondern du hattest das Glück, eine gute Vorlage zu verwenden? Glückwunsch, das gelingt nicht vielen. Es gibt zu viel Schlechtes im Web zu finden.
> doch vielleicht kann mir jemand sagen was an der folgenden Tabelle falsch ist.
Der Validator wurde doch schon genannt? Wenn du [diesen](https://validator.w3.org/nu/#textarea) nimmst, ist bei *Check by: text input*{:@en} schon das HTML-Grundgerüst im Eingabefeld. Da musst du nur deinen Tabellencode zwischen `<body>`{:.language-html} und `</body>`{:.language-html} (also anstatt `<p></p>`{:.language-html}) einsetzen.
Der Validator hat nichts zu meckern. (Hm, ich hätte gedacht, er würde das Leerzeichen in `href=" link"` beanstanden.) Das heißt, das HTML hat keine Syntaxfehler.
Aber andere:
> ```html
> <tr>
> <td>datum</td>
> <td>text1</td>
> </tr>
> ```
Wie gesagt, die Kopfzellen sollten `th` sein:
```html,good
<tr>
<th>datum</th>
<td>text1</td>
</tr>
```
---
> ```html,bad
> <p></p>
> <b>text fett.</b>
> <p></p>
> ```
Zwei leere `p`-Elemente und ein `b`, das frei im Raum hängt? Du meintest sicher
```html
<p>
<b>text fett.</b>
</p>
```
Wobei: `b`? Wenn etwas hervorgehoben werden soll (nicht nur visuell, sondern inhaltlich), dann wäre `strong` angebracht.
---
> ```html
> <br>
> <br>
> ```
*„Henry! Da war so ein [Geräusch](https://forum.selfhtml.org/cites/1112).“*
Weg damit; Abstände per CSS.
---
> ```html
> <h6>Überschrift</h6>
> ```
`h6` stimmt sicher nicht. Du darfst die Überschiften `h1`…`h6` nicht nach der gewünschten Schriftgröße auswählen. Die müssen streng hierarchisch vergeben werden: Die Seitenüberschrift (nur einmal pro Seite!) ist `h1`; Überschriften von Anschnitten `h2`; Überschriften von deren Unterabschnitten `h3` usw.
Wobei es „usw.“ kaum geben sollte. Wenn man zu viele Hierarchie-Ebenen auf einer Seite hat, macht man vermutlich bei der Struktur des Inhalts was falsch.
---
> ```html
> <tbody>
> ```
In der anderen Tabelle hattest du keine `<body>`{:.language-html}-/`</body>`{:.language-html}-Tags. Die Tags sind auch optional; das `tbody`-Element ist trotzdem im DOM vorhanden. Um da keine Verwirrungen aufkommen zu lassen, ist es wohl besser, das einheitlich zu handhaben. Ich empfehle, die Tags im Code zu haben.
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix