Beiträge von sejuma

Link-Klassen

Das sieht alles recht konfus aus.
Du gibst den Elementen oft die volle Breite und zentrierst sie.
Somit haben sie ja keinen Platz, um sich nebeneinander anordnen zu können.
Das solltest du vorrangig bereinigen.
Es sind allerdings wohl auch noch andere Ungereimtheiten drin.
Auch der veraltete <center> - Tag ist bei deinem Doctype nicht zulässig.

Bei li oder a (falls Link) den Text mit padding-right auf Rechtsabstand halten und eine rechtspositionierte Hintergrundgrafik zuweisen.

Ähnlich hier nur eben rechts.

Die normalen Listenpunkte bekommst du nicht nach rechts (zumindest ist mir dazu keine Lösung bekannt).

Definiere für die rechte Box per CSS

#boxbezeichung {
text-align: right;
}

Vom Prinzip her stimmt's doch jetzt.
Füge noch nach jeder Zeile einen Zeilenumburch mit

<br />

ein und dann sieht es auch nach dem Kopieren ordentlich wie eine Liste aus.

Du solltest dir noch überlegen, die Boxenbreite zu vergrößern, so dass der horizontale Scrollbalken wegfällt.
Noch besser wäre es nach meinem persönlichen Geschmack, auch die Höhenbegrenzung wegzulassen, so dass der Benutzer den vollen Quelltext im Zusammenhang auf einen Blick erkennen kann.

Schwarzer Hintergrund mit neongrüner Schrift sieht sehr gewöhnungsbedürftig aus.

Für "Code" gibt es das spezielle Element <code>, das du per CSS mit

code {
Styleangaben...
}

formatieren kannst.

Die Fehlermeldung resultiert wohl daher:
http://de.selfhtml.org/html/referenz/elemente.htm#ul

Danach darf ul - unmaskiert - nicht innerhalb textarea vorkommen.

Lösungsvorschlag:
Verwende anstelle der Textarea einen Absatz oder div und maskiere die eckigen Klammern, z.B. so:

<div>
&lt;div id="navi"&gt;<br>
&lt;ul&gt;<br>
&lt;li&gt; &lt;a href="#"&gt;Seite 1&lt;/a&gt; &lt;/li&gt;<br>
&lt;/ul&gt;<br>
&lt;/div&gt;
</div>

Auf diese Art stelle ich auch den Quelltext auf meinen Seiten dar.

Bei deiner Grafik handelt es sich wohl um einen Terminplan oder etwas ähnliches. Somit - soweit erkennbar - eindeutig um eine strukturierte Darstellung eines Inhalts.
Dazu ist aus meiner Sicht ide Tabelle prädestiniert und sollte auch verwendet werden.

Damit gab's keine Beanstandungen:

<textarea class="codevorlagen" rows="20" readonly="readonly" cols="35" name="textarea">


&lt;ul id="navigation"&gt;
    &lt;li&gt;&lt;h2&gt;Kategorie1&lt;/h2&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt;


    &lt;li&gt;&lt;h2&gt;Kategorie2&lt;/h2&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;4&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;5&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#"&gt;6&lt;/a&gt;&lt;/li&gt;


    &lt;li&gt;&lt;h2&gt;Kategorie3&lt;/h2&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;7&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;8&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
</textarea>

Klassen bilden

Ich kann keine Unterschiede zwischen FF und IE 8 erkennen.

Füge mal das in deine menue.css ein (vor alle anderen Angaben)

#menu2 ul, menu2 li {margin: 0; padding: 0;}
#menu2 li {margin-top: 5px;}

Dann verändere nach Wunsch die 5px.

Ansonsten kommt es drauf an, wo du was ändern willst.

Das ist richtig.
Deshalb solltest du ja die Abstände für die betreffenden Elemente neu definieren, siehe mein Linkhinweis.

Was kriegst du nicht hin?
Den Code in die CSS-Datei einzufügen?
Falls das keine Wirkung bringt, aktualisiere auch mal den Browsercache.

Die Browser haben hinsichtlich der Abstände mitunter unterschiedliche Standardeinstellungen.
Hierzu kannst du zunächst die Abstände mit

* {margin: 0; padding : 0;}

generell auf "0" resetten und dann für die einzelnen Elemente (in deinem Fall für li) ggf. neu definieren, siehe http://www.ohne-css.gehts-gar.net/0037.php

http://www.ohne-css.gehts-gar.net/0001.php

http://www.ohne-css.gehts-gar.net/0002.php

Vermutlich musst du clearen oder du packst alle left- und right-Boxen jeweils in einen übergeordneten Div.
Link zur Seite wäre hilfreich.

Bereinige mal zunächst diese
HTML-Fehler und diese
CSS-Fehler.

Der Center-Tag ist überflüssig wenn du den container so zentrierst:

#container {
margin: 0 auto;
width: 716px;
height: 800px;
border: 1px solid black;
background-color: #FFFFFF;
}

Ob das letztlich für den IE 6 hilft, kann ich jedoch nicht beurteilen, weil ich keinen mehr habe.

Wenn du lernwillig bist, dann brauchst du kein Programm.
Da reicht der ganz gewöhnliche WindowsEditor, etwas mehr Komfort bietet z.B. "Phase 5"

Die meisten Programme oder Baukästen liefern ohnehin nur sehr dürftigen und oft auch fehlerhaften Quelltext.

Deshalb am besten folgende Reihenfolge:
1. HTML lernen
2. CSS lernen
3. HP selbst coden.

Ergänze mal noch folgendes:

#navi ul {
margin: 0;
}

Ansonsten bitte Link posten..

Das title-Attribut lässt sich nicht mit CSS gestalten; ist ne browserspezifische Einstellung/Vorgabe.

Alternativ könntest du den CSS-Tooltipp verwenden und formatieren.