Davon abgesehen, dass bei der Zweitversion das schließende "</a>" fehlt (hast du vermutltlich vergessen ?) ist der Code der gleiche. Nur wird er in anderer Reihenfolge sortiert. Auf die Darstellung sollte das keinerlei auswirkungen haben.
Ist der Code online nur anders oder hat das auch Auswirkungen auf die Darstellung oder Funktionsweise der Seite?
Ggf. bitte mal einen Link posten.
text-indent zieht die Nummerierung mit ein.
Evtl. so?
ol { list-style-position: inside; }So wie gepostet ist die bessere Lösung, denn auf die einmal hinterlegte Klasse .clear kannst du dann im HTML-Teil mehrmals Bezug nehmen.
Das erspart dir im HTML-Teil die Styleangaben.
Das Ergebnis ist in jedem Fall gleich.
Wer floatet, muss auch clearen: http://www.ohne-css.gehts-gar.net/0042.php
Edit:
Definiere in der CSS also:
.clear {clear: both;}Dann poste mal bitte einen Link zu deiner Seite, damit man alles im Zusammenhang sieht oder gib #navi a noch einen einheitlichen Breiten- und Höhenwert.
Weise #navi a noch ein
display: block;zu.
Die Scrollbarangaben sind microsoftspezifisch und kein offizieller HTML/CSS-Standard. Deshalb werden sie nicht in allen Browsern angezeigt.
Verwende ferner diesen Doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Du hast in deinem Tabellencode drei Zellen nebeneinander:
Zei mit fixen Breiten von 100px und 80px und mittendrin eine ohne Breitenangabe.
Genauso funktioniert das mit drei nebeneinander angeordneten Divs auch.
Ich hab's nicht ausprobiert und habe momentan dazu leider auch keine Zeit. Aber generell sollte das was die gleiche Spaltenlänge betrifft ähnlich wie hier funktionieren:
http://www.ohne-css.gehts-gar.net/0031.php
Zur korrekten Darstellung des Boxmodells benötigt der IE einen qualifizierten Doctype unter angabe der DTD-URL wie z.B. diesen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Wozu ist deine Tabelle gut?
Eine Website mit Divs zu machen ist genauso falsch wie mit Tabellen. Deshalb soll man Tabellen auch nicht mit Divs ersetzen.
Vielmehr kommt es darauf an, eine Seite möglichst semantisch korrekt aufzubauen. Hierzu bietet HTML für fast jeden Zweck spezielle Elemente an, die man sinngerecht einsetzen sollte, siehe HTML-Elementreferenz.
Eines dieser vielen Elemente sind Tabellen. Sie dienen der strukturierten Darstellung tabellarischen Inhalts, also z.B. eine Adressliste, ein Terminkalender o.ä.
Ein weiteres Element ist der Div (division). Er dient dazu, größere Bereiche zu gruppieren und darzustellen.
CSS wiederum dient der Formatierung und Positionierung aller Elemente.
Wenn du dir dieser Logik bewusst wirst, dann wirst du auch verstehen, weshalb man eine Seite weder mit Tabellen, noch mit Divs macht.
Und was dein Spaltenlängenproblem betrifft: Zugegeben, da gibt es keine Standardlösung. Man kann sich aber mit Faux Columns behelfen.
Die Textabstände erreichst du mit Padding.
Die Anführungs-/Schlusszeichen kannst du mit einer span-Angabe formatieren und evtl. relativ ausrichten.
Siehe auch hier sowas ähnliches http://www.ohne-css.gehts-gar.net/0036.php
Lass ferner die absolute Positionierung beim img weg und nimm besser float und margin für den umgebenden div.
Ist das eigentlich ein Problem das ich fast die gesamte Page in css geschrieben habe?
Wo soll da ein Problem sein? Das ist schließlich moderner Standard.
Du musst ledigleich darauf achten, dass die Verlinkung zu deiner CSS-Datei funktioniert.
Mach dir also mal keine Gedanken über Probleme, die keine sind.
Besorg dir Webspace, lade alles mal hoch und falls es nicht klappt, dann kannst du das immer noch anpassen.
Außer dem Rootverzeichnis brauchst du prinzipiell keine weiteren. Du kannst dir allerdings je nach Struktur deiner Seite weitere Verzeichnisse anlegen, was sehr sinnvoll ist.
Ich habe z.B. im Rootverzeichnis meine index und alle übrigen html-Dateien. Dann noch einen Ordner mit der CSS-Datei drin und einen Image-Ordner mit weiteren Unterordnern, für jede Seite mit Bildern einen eigenen.
Aber das kann jeder individuell nach seinen eigenen Bedürfnissen regeln.
Wenn du Webspace und Domain hast, dann lädst du mit einem FTP-Programm wie z.B. dem kostenlosen Filezilla deine Dateien auf den Webspace hoch.
Dabei musst du lediglich beachten, dass deine Dateien auf dem Webspace die gleiche Ordnerstruktur wie auf deiner Festplatte haben, sonst funktionieren die Verlinkungen und Verknüpfungen nicht. Deine Startseite, die index.html muss ins Rootverzeichnis.
Das war's dann auch schon.
Der erforderliche Webspace hängt davon ab, wie groß alle mit deiner HP zusammenhängenden Dateien sind. Wenn du nicht gerade videos oder Musik einbinden willst, dann dürfte das für den Anfang nicht all zu viel sein, so dass ein Einsteigerpaket ausreicht. Aufrüsten kannst du dann später immer noch.
Su hast PN.
Bei mir macht es der IE 8 in Demo 6 richtig. 
Du kannst a zum Blockelement umfunktionieren, indem du ihm
display: block;und Breiten- und Höhenangaben zuweist.
Nach CSS 2.1 nicht mehr; vorher war es aber so: http://de.selfhtml.org/css/eigenschaf…erung.htm#float
Kann also sein, dass ohne width-Angabe einige Uralt-Browser Probleme haben. Die sollten aber so langsam aussterben.
Gib .mynav2_3 einen entsprechenden height-Wert.
