Stimmt, jetzt habe ich zu kompliziert gedacht.
Vielen Dank für eure geduldige Hilfe 
Beiträge von 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> -
Also muss das so aussehen?
Code<colgroup> <col width="160"/> <col span="2"> </colgroup> -
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
Alles anzeigen<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> -
Ah ok. Ja das macht Sinn, vielen Dank!!!
-
Die Antwort hilft mir gerade leider nicht weiter. Selbst wenn ich colspan="3" ändere, kommt die Fehlermeldung.
-
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
Alles anzeigen<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> -
Jetzt hat es geklappt, vielen Dank!!!!
-
Das margin war dafür da, dass die Leiste nach oben gerutscht ist. Wenn ich das lösche, dann rutscht die Navigation nach unten.
Leider wollen die Unterpunkte noch immer nicht so, wie ich es will
-
Kann es vielleicht noch an einer anderen Einstellung in meinem CSS liegen?
Das ist der Code:
Code
Alles anzeigen#navibereich a:hover { background-color: grey; width: 100px; } li { float: left; } ul { display: flex; list-style-type: disc; margin: 2px; padding: 2px; } ul li { float: left; position: relative; } li a { display: block; width: 100px; } ul li ul { display: none; position: absolute; padding-left: 10; } ul li:hover ul { display: flex; flex-direction: column; background-color: #626262; color: black; } ul li:hover ul a { display: block; width: 30px; } ul li ul li a:hover { display: block; width: 100px; color: black; } .site-nav-list { background-color: #333; padding: 0.1em; } .site-nav-list li { display: inline; margin-right: 1em; } .site-nav-list a { padding: 1px 2px; color: grey; text-decoration: none; } -
Hallo und vielen Dank für die schnelle Antwort!
Du hast mir sehr geholfen. Die Unterpunkte sind zwar nach links gerutscht, aber leider nicht so weit, dass sie jetzt richtig unter dem Hauptpunkt stehen.
Kann ich das irgendwie einstellen, dass sie noch weiter nach links rutschen?
Danke und einen schönen Tag
-
Hallo,
ich habe glaube ich, dasselbe Problem. Meine Unterpunkte liegen seitlich versetzt unter dem Hauptmenü. Allerdings sollen diese genau unter dem jeweiligen Hauptmenü liegen.
So sieht es in html aus:
<ul class="submenu">
<li><a href="mia.html">Unsere Mia</a></li>
<li>
<a href="">Allgemeines</a>
<ul>
<li><a href="labrador.html">Labrador</a></li>
<li><a href="ridgeback.html">Ridgeback</a></li>
</ul>
</li>
<li>
<a href="">Sportarten</a>
<ul>
<li><a href="agility.html">Agility</a></li>
<li><a href="dummytraining.html">Dummytraining</a></li>
</ul>
</li>
<li><a href="impressum.html">Impressum und Kontakt</a></li>
</ul>
Und in CSS so:
#navibereich {
background-color: grey;
padding: 5px 25px 5px 25px; /* Innenabstand */
text-align: center;
height: 68px;
}
#navibereich li {
display: inline-block; /*nebeneinander anzeigen */
list-style-type: disc;
margin-left: 80px;
margin-right: 80px;
}
a {
margin: 0 3px;
}
#navibereich a:hover {
background-color: grey;
width: 100px;
}
li {
float: left;
}
ul {
list-style-type: disc;
margin: 2;
padding: 2;
}
ul li {
float: left;
position: relative;
}
li a {
display: block;
width: 100px;
}
ul li ul {
display: none;
position: absolute;
}
ul li:hover ul {
display: block;
background-color: #626262 ;
color: black;
}
ul li:hover ul a {
display: block;
width: 30px;
}
ul li ul li a:hover {
display: block;
width: 100px;
color: black;
}
.site-nav-list {
background-color: #333;
padding: 0.1em;
}
.site-nav-list li {
display: inline;
margin-right: 1em;
}
.site-nav-list a {
padding: 1px 2px;
color: grey;
text-decoration: none;
}
Was mache ich falsch bzw. fehlt etwas?
Danke für eure Hilfe und einen schönen Abend
Nancy