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

Jetzt mitmachen!

Teilen

Tags