nicht angemeldet
Der MartinMoin,
- @Matthias Scharwies: Im Validator werden mir nur zwei Fehler angezeigt, indem er sagt ich darf kein style- element zwischen head und body haben. Wo soll ich dieses einfügen?
innerhalb des head-Elements, wie du es jetzt gemacht hast.
Und als zweiter Fehler: Fatal Error: Cannot recover after last error. Any further errors will be ignored. mit der selben Begründung.
Das heißt, der Validator betrachtet den ersten Fehler als so schwerwiegend, dass er den Rest gar nicht mehr untersucht.
- Ich hatte das body-element aufgeteilt, da mir im Editor so weniger Fehler angezeigt wurden.
Das geht nicht. Ein HTML-Dokument muss genau ein body-Element haben. Nicht mehr und nicht weniger.
- Wenn ich die Navigation in ein nav-element packen kann soll es dann in das body-element?
Ja. Alles, was auf der Webseite dargestellt werden soll, muss ins body-Element.
Ich habe es ausprobiert jedoch wird der Text dann nicht mehr erkannt.
Das liegt dann vermutlich an einem der anderen gravierenden Fehler im HTML.
Und div ist um die Bilder nicht erlaubt?
Doch, sicher ist es erlaubt. Die Frage ist, ob es sinnvoll ist.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AaA Couplesite</title> <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> <script> ... </script> <style> ... </style> </head> <body> <h1>Andreas and Angelinas Couplesite</h1> <li class="hm2">ABOUT US</li> <li class="hm2">DESTINATION TRIPS</li> <li class="hm2">PICTURES</li> <li class="hm2">CONTACT US</li>
FEHLER: Ein li-Element kann nicht für sich allein stehen, sondern muss immer ein Kindelement eines ol oder ul sein.
<div style="clear:both"></div> <h3> Hello!</h3>
FEHLER: Du benutzt h1 und h3 - wo ist die Überschriftebene h2 dazwischen?
<p> We are Angelina and Andreas: We enjoy taking pictures to remember great moments, like to do </p> <div> <li class="main-screen"> </div>
FEHLER: Siehe oben - li muss ein ol oder ul als Elternelement haben. Abgesehen davon fehlt das schließende Tag </li>, und das li-Element hat keinen Inhalt.
<ul class="slideshow"> <div id="nav-arrows" class="nav-arrows"> <a href="#" class="forward">Weiter</a> <a href="#" class="backward">Zurück</a> </div>
FEHLER: ul darf nur li-Elemente als Kinder haben, kein div.
<h1>Pictures of our Memories</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisici elit, …</p> <p>Lorem ipsum dolor sit amet, consectetur adipisici elit, …</p> <p>Lorem ipsum dolor sit amet, consectetur adipisici elit, …</p> <p>Lorem ipsum dolor sit amet, consectetur adipisici elit, …</p> <div class="column"> <li class="image"><img src="..\home\img\sonne2.jpg" width="1280" height="853" alt="sunset" class="center" /></li> <li class="image"><img src="..\home\img\sonne1.jpg\" width="1280" height= "853" alt="secondsunset" class="center" /></li> <li class="image"><img src="..\home\img\tik1.jpg\" width="1280" height= "853" alt="us" class="center"/></li> <li class="image"><img src="..\home\img\tik2.jpg\" width="1280" height= "853" alt="us again" class="center"/></li> </div>
FEHLER: Siehe oben - li als Kindelement von div ist nicht erlaubt. Und die Backslashes im Pfad sind auch falsch.
Das Stylesheet habe ich mir gar nicht genau angesehen, aber mir scheint, du hast da viel Unnützes drin. Vor allem verwendest du viel absolute Positionierung und Floating. Beides kann, wenn man es nicht richtig macht, das Layout komplett über den Haufen werfen.
Meine Empfehlung wäre: Fang nochmal neu an. Lass die Effekte zunächst weg, nimm einfach nur statische Bilder als Platzhalter. Bau damit zuerst sauberes, korrektes und strukturell sinnvolles (semantisches) HTML.
Darauf kannst du dann im zweiten Schritt mit CSS und den Javascript-Effekten aufbauen. Schritt für Schritt. Sonst hast du nämlich ein Dutzend Baustellen, die sich auch noch gegenseitig beeinflussen, und weißt nicht, wo du mit der Korrektur anfangen sollst.
Live long and pros healthy,
Martin
Home is where my beer is.
Gunnar Bittersmann
Matthias Scharwies
Matthias Apsel
Rolf B