Tabelle Probleme mit W3C

Sultaninchen · 7. Januar 2021

Hallo, ich überprüfe gerade meine Homepage mit W3C und komme bei einer Fehlermeldung nicht weiter.

Vielleicht kann mir jemand helfen?

Und zwar bekomme ich immer diese Fehlermeldung: "A table row was 2 columns wide, which is less than the column count established by the first row (3)."

Sobald ich "colspan="2" rauslösche, verschwindet auch die Fehlermeldung. Allerdings möchte ich ja, dass das Wort "Steckbrief" über zwei Zeilen geht.

Code

<table>
<thead>
<tr>
<th colspan="2">Steckbrief</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><i>Namen</i></td>
<td>Labrador Retriever, Labrador, Labi</td>
</tr>
<tr>
<td><i>Ursprung</i></td>
<td>Großbritannien, Neufundland</td>
</tr>
<tr>
<td><i>Widerristhöhe Rüden</i></td>
<td>56-57cm</td>
</tr>
<tr>
<td><i>Widerristhöhe Hündin</i></td>
<td>54-56cm</td>
</tr>
<tr>
<td><i>Gewicht Rüde</i></td>
<td>36-39kg</td>
</tr>
<tr>
<td><i>Gewicht Hündin</i></td>
<td>25-32kg</td>
</tr>
<tr>
<td><i>offizielle Farben</i></td>
<td>schwarz, schokoladenbraun, gelb/golden</td>
</tr>
<tr>
<td><i>Lebenserwartung</i></td>
<td>10-14 Jahre</td>
</tr>
<tr>
<td><i>Bewegungsdrang</i></td>
<td>hoch</td>
</tr>
<tr>
<td><i>Beschäftigung</i></td>
<td>Agility, Dummytraining, Joggen, Nasenarbeit und vieles mehr</td>
</tr>
</tbody>
</table>

Alles anzeigen

m.scatello · 7. Januar 2021

Code

<tr>
<th colspan="2">Steckbrief</th>
<th></th>
</tr>

Das sind zusammen drei Spalten

Sultaninchen · 7. Januar 2021

Die Antwort hilft mir gerade leider nicht weiter. Selbst wenn ich colspan="3" ändere, kommt die Fehlermeldung.

Sempervivum · 7. Januar 2021

Genau anders herum: Mit <th colspan="2">Steckbrief</th> erzeugst Du schon zwei Spallten. Fügst Du noch eine hinzu, sind es drei, d. h. eine zuviel. Du musst die dritte Spalte weg lassen:

Code

<tr>
<th colspan="2">Steckbrief</th>
</tr>

Sultaninchen · 7. Januar 2021

Ah ok. Ja das macht Sinn, vielen Dank!!!

Sultaninchen · 7. Januar 2021

Letzte Frage zu dem Thema.

Was mache in meinem Kontaktformular falsch?

Da bekomme ich eine ähnliche Fehlermeldung: "A table row was 2 columns wide and exceeded the column count established using column markup (1)."

Vielen Dank für eure schnelle Hilfe!

Code

<table>
<colgroup>
<col width="160"/>
</colgroup>
<tbody>
<tr>
<td><label for="geschlecht">Geschlecht</label></td>
<td>
<select id="geschlecht" name="Geschlecht">
<option value="w">weiblich</option>
<option value="m">männlich</option>
<option value="d">divers</option>
</select>
</td>
</tr>
<tr>
<td><label for="vorname">Vorname</label></td>
<td><input type="text" id="vorname" name="vorname" size="35" maxlength="40" value="Vorname"/></td>
</tr>
<tr>
<td><label for="nachname">Nachname</label></td>
<td><input type="text" id="nachname" name="nachname" size="35" maxlength="40" value="Nachname"/></td>
</tr>
<tr>
<td>An welchen Informationen haben Sie Interesse?</td>
<td>
<input type="checkbox" id="rasse" name="rasse"/><label for="rasse">Labrador/Ridgeback</label>
<input type="checkbox" id="sport" name="sport"/><label for="sport">Agility</label>
<input type="checkbox" id="sportart" name="sportart"/><label for="sportart">Dummytraining</label>
</td>
</tr>
<tr>
<td>Welche Rasse ist Ihr Hund?</td>
<td>
<input type="radio" id="gattung" name="gattung"/><label for="gattung">reinrassig</label>
<input type="radio" id="aussehen" name="aussehen"/><label for="aussehen">Mischling</label>
</td>
</tr>
<tr>
<td>Kommentar</td>
<td><textarea name ="mitteilung" cols="40" rows="20"> Guten Tag, was möchten Sie uns mitteilen?</textarea></td>
</tr>
<tr>
<td><input type="Submit" value="Hier abschicken"/></td>
</tr>
<tr>
<td><input type="reset" value="Hier zurücksetzen"/></td>
</tr>
</tbody>
</table>

Alles anzeigen

Sempervivum · 7. Januar 2021

Mit colgroup definierst Du die Spalten deiner Tabelle vorab. Da die Tabelle zwei Spalten hat und Du kein span definierst, musst Du hier auch zwei Spalten definieren.

Sultaninchen · 7. Januar 2021

Also muss das so aussehen?

Code

<colgroup>
<col width="160"/>
<col span="2">
</colgroup>

Sempervivum · 7. Januar 2021

Nein, so sind es wieder drei Spalten. Entweder so:

Code

<colgroup>
<col class="first-col">
<col class="second-col">
</colgroup>

oder so:

Code

<colgroup>
<col span="2">
</colgroup>

Beide Male definierst Du zwei Spalten.

BTW: Was verwendest Du überhaupt für einen Doctype? Selfhtml schreibt:

Zitat

Sowohl absolute also auch relative Breitenangaben durch width-Attribute sind in HTML5 nicht mehr möglich. Verwenden Sie entsprechende CSS-Eigenschaften.

Ebenso würde ich erwarten, dass der Validator das <i>-Tag beanstandet.

Sultaninchen · 7. Januar 2021

Ok das funktioniert soweit.

Den <i> Tag hat er zum Glück nicht beansprucht.

Allerdings kommt jetzt diese Fehlermeldung: "A table row was 1 columns wide, which is less than the column count established using column markup (2)."

Wegen diesen zwei Zeilen:

Code

<tr>
<td><input type="Submit" value="Hier abschicken"/></td>
</tr>
<tr>
<td><input type="reset" value="Hier zurücksetzen"/></td>
</tr>

Sempervivum · 7. Januar 2021

Da hat er wieder genau Recht: Oben im colgroup-Tag hast Du 2 Spalten definiert aber diese beiden Zeilen haben jeweils nur eine. Also entweder jeweils eine weitere Spalte hinzu fügen oder mit colspan dafür sorgen, dass das ein <td> 2 Spalten belegt. Oder Submit und Reset in einer Zeile zusammen fassen.

Sultaninchen · 7. Januar 2021

Stimmt, jetzt habe ich zu kompliziert gedacht.

Vielen Dank für eure geduldige Hilfe

Tabelle Probleme mit W3C

Ähnliche Themen

Div auf maximale Höhe bringen

2 kleine Probleme mit JS und PHP

MYSQL Werte ausgeben

Tabelle für Signatur in Outlook

[ERLEDIGT] Probleme beim Zentrieren von übereinanderliegenden Bildern

Tags