Der Header könnte zur besseren Lesbarkeit noch etwas mehr Kontrast erhalten.
Die Standardschriftgröße empfinde ich sowohl in der Navi als auch im Content viel zu klein, auch wenn man sie sich selbst vergrößern kann. Das weiß jedoch nicht jeder wie's geht.
Insgesamt aber eine sehr ansprechende Seite.
Ich drück's mal so aus:
Das aktuelle wirkt für mich eher "männlich",
das neue eher "weiblich".
Wenn du dich nicht entscheiden kannst: Mach einen Style-Switcher rein und biete beides an (falls der Unterschied nur daraus resultiert).
Sehr schön und klar gegliedert, sogar noch mit CSS Dropdown 
Die Hintergrundstreifen im Content erschweren etwas das Lesen.
Würd ich weglassen oder noch etwas dezenter (heller) machen.
Lila und Blockbuttons wurden schon angesprochen.
Insgesamt: sehr gelungen für die erste CSS!
That's all!
Du kannst natürlich diesen Code noch in einen DIV oder eine Tabelle einbauen, wo du z.B. die Höhe und Breite des Laufband-Bereiches definierst.
<marquee direction="down">
[img]logo1.gif[/img]
[img]logo2.gif[/img]
</marquee>Dein Code kommt mir etwas seltsam vor.
Deshalb mal folgende CSS-Lösung:
Schreibe in den head-Bereich, also vor </head> mal dies:
<style type="text/css">
body
{font-family: Verdana;
font-size:0.8em;}
h1
{
text-align:left;
font-size:0.9em;
color:#001F7A;
background-color:#D0E2EE;
padding: 3px 5px;
margin:3px 0 8px 0;
border: 1px solid #006699;
}
.text
{
padding:5px 5px 12px 5px;
margin-bottom:20px;
margin-top:-8px;
line-height:1.2em;
font-size:0.9em;
border-left: 1px solid #006699;
border-right: 1px solid #006699;
border-bottom: 1px solid #006699;
background-color: #EAF5FB;
}
.rot
{color:#f00;}
.blau
{color:#009;}
p
{margin:6px 0;}
</style>Für die einzelnen Artikel dann das im HTML-Bereich:
<h1>Bienvenue sur Ekopedia</h1>
<div class="text">
[b]Ekopedia[/b] est un projet d'<span class="rot">encyclopédie pratique traitant des techniques alternatives de vie.</span> L'<span class="rot">encyclopédie</span> est gratuite, écrite coopérativement et son contenu est <span class="rot">librement réutilisable</span></p>
Nous accueillons actuellement [b]<span class="blau">articles[/b]</span> en cours d'élaboration. Une liste des articles <span class="blau">récemment créés est disponible</span>.</p>
Vous êtes nouveaux, lisez <span class="rot">le manifeste</span>.</p>
</div>Dabei sind Verlinkungen jedoch nicht berücksichtigt. Die bekäme man aber auch hin.
Viel Erfolg!
Die Navi ist mir etwas zu grell und wirkt nicht unbedingt seriös.
Als Schrift würde ich Arial oder Verdana nehmen. Wirkt nicht so altmbacken wie Times.
Der Text klebt zu sehr am linken Rand.
Nachdem Starfighter mit seinem neuen Design recht fleißig war, hab ich auch mal einige Designänderungen vorgenommen.
Per Styleswitcher lassen sich jetzt fünf farblich unterschiedliche Layouts auswählen.
Der Header ist noch verbesserungswürdig, da momentan noch ziemlich langweilig.
Bin jedoch nicht der Grafikfreak, so dass das noch etwas dauert.
Werbung kommt noch weg, da momentan noch in der Testphase.
Also: "Welches Schweinderl hätten's denn gern" und was könnte man noch verbessern? Link
Sieht jetzt viel ansprechender und flotter aus, Glückwunsch!
Was die Vorschaltseite betrifft werden wir uns nicht einig. Gerade solche Videos haben zudem noch lange Ladezeiten. Mich nervt's, aber ist schließlich Geschmacksache und deine HP.
Das Forum würde ich generell in einem neuen Fenster öffnen, weil das Scrollen unangenehm ist. Du hast zwar einen entsprechenden Hinweislink, aber ich weiß nicht, ob da jeder was mit anfangen kann.
Für die News bei den Mannschaften würde ich das gleiche Layout verwenden wie auf der Startseite (mit Textrahmen). Das wirkt ansprechender.
Evtl. die Links noch etwas besser hervorheben (dezent farblich oder mit leichtem Hintergrund.
Was ich vermisse ist etwas Header mit dem kompletten Vereinsnamen.
Insgesamt hast du jedoch sehr viel verbessert.
Würd' ich so lassen. Sie fügen sich harmonisch ins Layout ein, wirken dezent und lockern alles etwas auf.
Dann mach doch mal etwas Inhalt in deine div's.
Bei der alten Seite ist der genügend vorhanden. Bei der neuen hast du bisher nur zwei Links eingefügt.
SELFHTML ist zwar "die" Referenz, für Einsteiger nach meiner Auffassung jedoch ungeeignet. Eher zum Nachschlagen bei Problemen geeignet.
Probier's mal mit diesem Crashkurs, dazu möglichst noch etwas CSS.
Du hast hier
<tr background="Bilder/index_30.jpg">
<td height="40" class="Stil23"> Examensklausur im Öffentlichen Recht </td>
<td class="Stil23"> Rückgabe: Mi, 22.11.06, 18 h, A 702 </td>
</tr>und an anderen Stellen ein dunkelrotes Hintergrundbild (Bilder/index_30.jpg) hinterlegt.
Nimm das mal raus, dann sollte es gehen.
Dann solltest du mal diesen Pfald ändern:
<td colspan="2">[img]file:///C|/Dokumente und Einstellungen/Mari/Desktop/Website/Grafik/dot_grey.gif[/img]</td>
Er verweist auf eine Grafik auf deiner Festplatte und nicht auf dem Webspace.
Im Firefox erscheint in der Navi zwischen den Links immer ein "s".
Gib auch mal noch einen Doctype ganz oben vor <html> ein.
Alles gut aufgeräumt und übersichtlich. Sehr schön und ansprechend schlicht mit Konzentration auf das Wesentliche.
Was ich noch ändern würde:
Den Kontrast von Schrift zu Hintergrund würde ich zur besseren Lesbarkeit noch etwas erhöhen, insbesondere bei der Navigation.
Im Sinne der Barrierefreiheit und Benutzerfreundlichkeit solltest du noch eine "relative" Schriftgröße nehmen, also z.B. "em" statt "px". Etwa 0.9em oder 0.8em müssten der derzeitigen Größe entsprechen. Das hat den Vorteil, dass der Betrachter über seinen Browser die Schrift selbst größer oder kleiner stellen kann ("STRG" und Scrollrad der Maus oder den +/- Tasten bzw. über Ansicht/Schriftgrad.
Man muss das Rad ja nicht immer neu erfinden.
Ich benutze dieses und bin damit bisher sehr zufrieden.
Ist kostenlos und werbefrei, kommt ohne Datenbank aus und lässt sich anhand der beigefügtren Anleitung relativ leicht installieren. Farben uns Styles lassen sich über eine CSS-Datei anpassen.
Im Prinzip ist lediglich ein Link zu erstellen und einige Optionseinstellungen vorzunehmen.
Du könntest den komletten Navigationscode per php-Script includen, falls dein Server PHP unsterstützt.
siehe https://www.forum-hilfe.de/viewtopic.php?t=21120
Schreibe dies in den Headbereich, also vor "</head>" oder in eine externe CSS-Datei
<style type="text/css">
a.link1 {
display:block;
width:47px;
height:17px;
background-image:url(home_link.jpg.jpeg);
}
a.link1:hover {
background-image:url(home_visited.jpg.jpeg);
}
</style>Der Link lautet dann so:
[url='zielseite.html'][/url]Für andere Butteons machst du das gleiche, indem du überall "link1" mit "link2" ersetzt und andere Buttons einfügst.
So wie deine Page aussieht ist der CSS-Code auf jeder Seite eingebunden.
Kannst aber trotzdem mal nachsehen, ob es dort eine Datei mit der Endung ".css" gibt.
Du kannst aber auch alles zentral deklarieren und hinterlegen: http://www.css4you.de/wscss/css02.html#head