Supportnet / Forum / Webseiten/HTML
Verzweifel langsam am CSS - kann Fehler nicht finden ...
Frage
So langsam bin ich am verzweifeln. Beschäftige mich mit CSS und kann die Fehler nicht finden. Validierung wirft keine Fehler aus...
1. Tabelle steht trotz 100% Breite links (möchte
eigentlich keine Tabelle verwenden, weiss aber
nicht wie ich ich einer Zeile etwas Text linksbündig
und etwas Text rechtsbündig ausrichten kann)
2. "inhalt" muss in der Breite bis knapp vor den linken
Rand.
3. "menue" muss etwas weiter nach rechts
4. "agb" warum ist der erste Satz eingerückt?
Kann jemand helfen???
Seite ist zu finden unter:
[url]http://www.p-henning.de/test.html[/url]
Antwort 1 von rfb
Zitat:
Validierung wirft keine Fehler aus...
nöValidierung wirft keine Fehler aus...
Zitat:
Failed validation, 6 errors
sagt der W3C-HTML-ValidatorFailed validation, 6 errors
Und einige davon sind noch heftig.
Wie schon öfter erwähnt: Valides HTML ist die Grundvoraussetzung damit CSS funktioniert.
Antwort 2 von Petra65
uuppsss ...
habe nur das css validiert, aber wenn ich die "Spielerein" rausnehme bleiben zwei Fehler - aber was ist daran falsch???? Ich muss doch innerhalb eines Menüs Aufzählungszeichen verwenden dürfen!?
Line 204 column 36:
start tag for "LI" omitted, but its declaration does not
permit this.
<span class="ueberschrift">Home</span>
Error Line 205 column 13:
document type does not allow element "UL" here.
<ul>
habe nur das css validiert, aber wenn ich die "Spielerein" rausnehme bleiben zwei Fehler - aber was ist daran falsch???? Ich muss doch innerhalb eines Menüs Aufzählungszeichen verwenden dürfen!?
Line 204 column 36:
start tag for "LI" omitted, but its declaration does not
permit this.
<span class="ueberschrift">Home</span>
Error Line 205 column 13:
document type does not allow element "UL" here.
<ul>
Antwort 3 von Supermax
<menu> darf kein <ul> mehr enthalten, sehr wohl allerdings ein <li>-Element.
SelfHTML ist dein Freund: http://de.selfhtml.org/html/referenz/elemente.htm#menu
SelfHTML ist dein Freund: http://de.selfhtml.org/html/referenz/elemente.htm#menu
Antwort 4 von rfb
evtl. hilft
ersetzen durch
Nach menu wird zwingend li erwartet!
Überschriften mit <hx> x=1-7, nicht neu erfinden (das verbessert auch die Position bei Suchmaschinen)!
Zitat:
<menu>
<span class="ueberschrift">Home</span>
<ul>
<li><a href="index.html">Willkommen</a></li>
</ul>
<span class="ueberschrift">AGB</span>
<ul>
<li class="aktiverLink">AGB</li>
</ul>
</menu>
<menu>
<span class="ueberschrift">Home</span>
<ul>
<li><a href="index.html">Willkommen</a></li>
</ul>
<span class="ueberschrift">AGB</span>
<ul>
<li class="aktiverLink">AGB</li>
</ul>
</menu>
ersetzen durch
<menu>
<li><h2 class="ueberschrift">Home</h2>
<ul>
<li><a href="index.html">Willkommen</a></li>
</ul>
</li>
<li><h2 class="ueberschrift">AGB</h2>
<ul>
<li class="aktiverLink">AGB</li>
</ul>
</li>
</menu>Nach menu wird zwingend li erwartet!
Überschriften mit <hx> x=1-7, nicht neu erfinden (das verbessert auch die Position bei Suchmaschinen)!
Antwort 5 von Supermax
text-indent:1em;Vermutlich ist die erste Textzeile deswegen eingerückt. ("indent" = Einrückung)
Antwort 6 von Petra65
.... statt weniger kommen nun mehr Fehler ... ;-(
ich möchte "menu" verwenden, dann wird aber <span> angemeckert, doch ich finde keine passende Lösung!! Alle anderen, erlaubten, Elemente passen einfach nicht!!
ich möchte "menu" verwenden, dann wird aber <span> angemeckert, doch ich finde keine passende Lösung!! Alle anderen, erlaubten, Elemente passen einfach nicht!!
Antwort 7 von Petra65
haalt - hatte ab Antwort 4 noch nicht gelesen !!
Ich muss erst testen..
Ich muss erst testen..
Antwort 8 von Petra65
Test: negativ !!
Bekomme beim validieren die Meldung: h2 ist hier nicht erlaubt!!
@Supermax: das war der Fehler - danke!
Bekomme beim validieren die Meldung: h2 ist hier nicht erlaubt!!
@Supermax: das war der Fehler - danke!
Antwort 9 von Supermax
"Menu" ist ohnehin ein veralteter HTML-Tag, der in neuen Seiten eigentlich nicht verwendet werden sollte. Suche besser eine andere Lösung.
Antwort 10 von Petra65
Aber gerade das hat mir letzte Woche jemand hier im Forum empfohlen !!!
So bekomme ich einwandfreies HTML (allerdings ist die Lösung optisch noch nicht gut!):
<div id="menue">
<ul>
<li><h3 class="ueberschrift">Home</h3>
<ul>
<li><a href="index.html">Willkommen</a></li>
</ul>
</li>
</ul>
<ul>
<li><h2 class="ueberschrift">AGB</h2>
<ul>
<li class="aktiverLink">AGB</li>
</ul>
</li>
</ul>
</div>
So bekomme ich einwandfreies HTML (allerdings ist die Lösung optisch noch nicht gut!):
<div id="menue">
<ul>
<li><h3 class="ueberschrift">Home</h3>
<ul>
<li><a href="index.html">Willkommen</a></li>
</ul>
</li>
</ul>
<ul>
<li><h2 class="ueberschrift">AGB</h2>
<ul>
<li class="aktiverLink">AGB</li>
</ul>
</li>
</ul>
</div>
Antwort 11 von Petra65
Bitte hier keine Antworten mehr ... fange nochmal von vorne an (und versuche dabei meine Fehler nicht zu wiederholen ...)
Danke ..
Danke ..

