Die 1.Version der Seite an der Ihr mitgewirkt habt...

kernig2

...laßt bitte noch ein Quentchen Gutes an Ihr dran. Hat mich trotz der Vorarbeit von Lord Ali viel Zeit gekostet. Immerhin kann ich jetzt behaupten, dass ich (fast) jede Zeile des Codecs auch halbwegs verstehe.

http://home.arcor.de/dreikoe/

Die Links funktionieren natürlich noch nicht.

Nu habe ich das Dings durch den validome Validator gejagt. Und der meckert, die Seite sei kein xhtml. Ich hab ein wenig dazu gelesen und ehrlich gesagt, nicht die Bohne verstanden, was ich jetzt machen muß, damit die Angaben im head und die nachfolgende Realität auch übereinstimmen. Was ist es denn dann, wenn kein xhtml? Und was muß dann im header stehn? Und können das dann auch alle Browser verstehen?

Auch die angeblich fehlenden schließenden meta-Tags, die da angemeckert werden, verstehe ich nicht.

Und die Sache mit dem Zeichensatz ist mir auch noch ein Rätsel, ich war ja schon stolz auf mich, dass ich alle Umlaute irgendwann umgewandelt hatte in die kryptischen Zeichen.

Ein wenig Kosmetik würde ich auch noch gern betreiben, finde aber den Hebel nicht: Ich würde gern die Grafik mit dem Logo noch ein wenig näher an die weißen Buttons rücken und auch die untersten beiden Menüpunkte näher an die hellgrüne Kiste, weiß aber nicht so recht, wo der Abstand herkommt und wie ich ihn da rausbekomme.

Für konkrete Hinweise, auch über das Gefragte hinaus, wäre ich dankbar.

Ich habe übrigens jetzt testweise mit Weaverslave4 weitergebastelt und war recht angetan davon. Außerdem habe ich Filezilla für mich entdeckt und wie supereinfach das funktioniert. So einfach habe ich noch nie Dateien upgeloaded.

Dank an Euch, ohne Euch wäre ich gar nicht erst so weit gekommen.
kernig

Ebukadneza

+gut strukturiert
+gute Farbwahl

-Bild sollte noch komprimiert werden
-W3C-Kleinigkeiten (Tags zu schließen ist bei XHTML elementar wichtig!)

Doch, ist echt gelungen!

Edit:

XML

<?xml version="1.0" encoding="utf-8"?>

Füg das mal über den Doctype ein und ersetze

Code

<meta http-equiv="content-type" content="text/html">

Code

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>

Nach mal Edit:
Änder mal deine CSS so:

Code

#navigation{  /* Die Anpassung der Höhe der Navigation */
    position: relative;
    top: 20px;
margin:-10px 0 0 0;
}

Damit sollte die Navi weiter nach opben rutschen (ich hofe ich hab dich da richtig verstanden....)
Gruß, Ebu

Brummelchen

Pepp zuerst das Impressum rein, alles andere ist heutzutage unwichtig.

Lord-Ali

http://www.ubuntuusers.de/paste/12453/
Textansicht: http://www.ubuntuusers.de/paste/12453/?format=txt

Da siehst du die Version die ich mal bissl verbessert habe.
Leider nervt die Navigation dort, da die Meta-Angaben etwas lang sind.

Dann muss noch die CSS angepasst werden:

Code

div#footer{
    color:#FFFFFF;
    clear: both;
}

in

Code

div#footer{
    color:#FFFFFF;
    clear: both;
    text-align:center;
}

Und das geschützte Leerzeichen habe ich entfernt. Mit dem padding bei footer->p kannst du die Höhe ändern.
Und den Rest der CSS hab ich mir nicht angeguckt, muss noch für morgen Sachen packen...

Edit: Und zum Zeichensatz. UTF-8 ist überflüssig, da du sowieso schon alle Umlaute maskiert hast und dein Dokument in ascii gespeichert wurde. Wahrscheinlich musst du auch was am apache bzw. .htaccess-Datei machen, deswegen würde UTF-8 dir derzeit mehr Arbeit machen als helfen.

Titus

Cooool, find ich das, gibts bei mir um die Ecke, heißt Elisabethenhof, da gibt es ALLES, was das Herz begehrt! (Saisonal)

Für Hesse, ist in der Schmalkaldener Straße...

HaMF

Zitat von Lord-Ali

Und den Rest der CSS hab ich mir nicht angeguckt, muss noch für morgen Sachen packen...

Ich wünsch dir nen Angenehmen langen Urlaub (Welche Bücher gehn denn nun mit?)

Lord-Ali

Illuminatus 1+2, die Entdeckung der Langsamkeit, Otherland Band 1, Die Vermessung der Welt, paar Bücher über Python und C/C++
Meine Schwester kommt dann noch später nach und wird noch die Bücher mitbringen die ich auf die Schnelle nicht besorgen konnte.
Hab mir auch schön paar Serien-Staffeln auf DVD gebrannt... ...TvR sei dank

Titus

...2Min weiter gibts einen guten bio-Metzger, eigene Schlachtung, kannste noch zuguggen, und deine eigene Wurst kreieren, z.B. Blutwurst, statt Speck ein gutes (raps)Öl, und noch mit Zimt, Zucker, Muskatpfeffer und viel gutes Backenfleisch...

Einmal probiert, nie mehr vergessen, so oder so

Ebukadneza

Bezüglich den Meta-Tags, zum Verständnis:
Du musst bei xhtml alles schließen. Das bedeutet:

Code

<element>bla</element>

oder, wie in dem Falle der Meta-Tags oder auch von Bildern, das ganze "in sich" schließen:

Code

<img src="bild.jpg" alt="bild"/>


<meta name="generator" content="Notepad++"/>

zu beachten ist eben immer das schließende /

Zu Alis Quelltext als Erläuterung/Ergänzung:
Das ist dann die ganze Sache als reines xhtml in der strict Variante. Schön und sauber, aber man muss eben umso mehr aufpassen, dass man keine Fehler macht, weil die Browser das weniger tolerieren als bei Transitional. Zudem entfallen ein paar HTML-Attribute, weil verstärkt auf CSS gesetzt wird (vgl. das weggefallene "center"-Element). Ich würde es dennoch auch wählen.

Ob du jetzt im <Head> den Generator haben willst, ist deine Entscheidung.
Generell würde ich versuchen, den Text sauber zu halten, sprich: unnötiges raus (auch an Kommentaren) und keine unnpassenden Leerzeilen.

Grüße, Erik

Edit:
Zum Zeichensatz sei noch folgendes gesagt: Du hast dir da viel Arbeit mit den Zeichen gemacht, denke ich. Ich persönlich mache es folgendermaßen:
1. UTF-8 im HTML
2. In Notepad++ "Codiere als ANSI" und unten "Kodiere als UTF-8 (ohne BOM)"
Somit kann ich normal Sonderzeichen tippen, ohne mir die Finger durch ä oder so brechen zu müssen *g*

kernig2

...da bin ich erstmal ein wenig mit der Umsetzung beschäftigt.

Nächste Woche werde ich dann die Seite vervielfältigen und mit verschiedenen Inhalten füllen.

Schönen Urlaub an Lord Ali.

Zu den Sonderzeichen: Ja, die haben mich viel Arbeit gekostet, inzwischen ahne ich aber, wie das einfacher geht. Aber auf den Umwegen lernt man ja bekanntlich am meisten. Der Weaverslave hat da, glaub ich eine Funktion beim Einfügen von Text. Bei den weiteren Seiten hab ich ja noch Gelegenheit, das zu üben.

Viele Grüße, ich bin übrigens immer wieder begeistert von der Hilfsbereitschaft hier im Forum. Auch zu nicht ganz Firefox-bezogenen Fragen.

kernig

Monsterslayer

Kurz: Ich finde die Seite schon sehr gelungen.
Tipp: HTML Validator-Erweiterung für Firefox. Damit sparst du dir ein bisschen Arbeit. Die Validierung entspricht der des W3C-Validators, ist also nicht ganz so streng (andere sagen: nicht ganz so korrekt) wie beim guten Validome. Aber die "Clean-up" Funktion ist der Hit, wenn man sonst keinen vollständigen Editor hat oder HTML-Tidy nicht separat benutzen kann. Man kann den Validator auch nett konfigurieren, muss aber nicht.

Edit: Reschscreibuhnk
Edit II: vermerkeltes Komma ausgemerzt