nicht angemeldet
Gunnar BittersmannHello out there!
http://www.bichon-frise-zucht.de/de/index.html
Vielen Dank dass ihr mir helft.
Bei Lernwilligen gerne.
Schauen wir doch mal in deinen HTML-Quelltext:
<html>
Halt, nicht so hastig! Davor fehlt noch was: die DOCTYPE-Angabe.
<link rel="stylesheet" href="../css/style.css" type="text/css">
<style type="text/css">
<!--
//--></style>
Damit hast du schon zwei Stellen für CSS-Angaben (was nicht verkehrt sein muss). Dort gehören auch _alle_ Style-Angaben hin. Weitere Angaben in style-Attributen solltest du dir gar nicht erst angewöhnen; trenn Struktur (HTML) und Layoytangaben (CSS).
Auf die HTML-Kommentarzeichen innerhalb des style-Elementes kannst du getrost verzichten.
<div style="[code lang=css]position:absolute; left:0; right:0; bottom:0; height:35px; width:100%;
background-image:url(../images/kleiner_Zwerg.jpg); background-repeat:repeat-x;
~~~">
</div>[/code]
Zu style-Attributen siehe oben. Zur Sinnlosigkeit dieses div siehe [Hintergrundbild am unteren Bildschirmrand](https://forum.selfhtml.org/?t=126965&m=819277).
~~~html
<div id="menu">
<a class="menu" href="#idee">die Idee</a> |
<a class="menu" href="#fotos">Fotos</a> |
<a class="menu" href="#kollektion">Kollektion</a> |
<a class="menu" href="#kontakt">Kontakt</a> |
<a class="menu" href="#impressum">Impressum</a> |
<a class="menu" href="#agb">AGB</a> |
</div>
Ich möchte eine Liste sein. Bitte, bitte lass mich doch! (frei nach [wahsaga])
Die Vergabe derselben Klasse für alle Kinder eines Elements ist überflüssig. Zum Selektieren in CSS gibt es den Nachfahrenselektor.
Wenn mehrere hintereinander auftreten, machst du was falsch. Abstände werden auch mittels CSS gemacht.
Warum du ein Trennzeichen '|' zwischen den Links hast, das weiß auf weißem Grund ist, erschließt sich mir nicht.
Abgespeckt und semantisch aufgewertet (Semantik von HTML bezieht sich auf die Struktur, nicht auf den Inhalt!) sieht der Code so aus, den Rest erledigt CSS:
<ul id="menu">
<li><ahref="#idee">die Idee</a></li>
<li><ahref="#fotos">Fotos</a></li>
<li><ahref="#kollektion">Kollektion</a></li>
<li><ahref="#kontakt">Kontakt</a></li>
<li><ahref="#impressum">Impressum</a></li>
<li><ahref="#agb">AGB</a></li>
</ul>
<h2>760 Pixel breit und auf der Seite zentriert</h2>
Warum Überschrift zweiter Ordnung? Wo ist die erster Ordnung?
See ya up the road,
Gunnar
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)