Tabelle Probleme mit W3C

Sultaninchen

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

Code

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

Das sind zusammen drei Spalten

Sultaninchen

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

Sempervivum

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

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

Sultaninchen

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

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

Also muss das so aussehen?

Code

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

Sempervivum

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

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

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

Stimmt, jetzt habe ich zu kompliziert gedacht.

Vielen Dank für eure geduldige Hilfe

Tabelle Probleme mit W3C

Jetzt mitmachen!

Tags