Hallo,
meine Html und Css Erfahrung beschränkt sich auf das Little Boxes Videotraining, deswegen ist es bei mir noch viel Trial & Error.

Habe nun mit dem Basteln einer Website angefangen, aber irgendetwas stimmt nicht mit dem Navibereich. Mit Firebug wird dieser auch garnicht markiert.
Auch weiß ich nicht ob mein Versuch die Navigation zentral anzuordnen der allergeschickteste war.

Wäre sehr erfreut, wenn da mal jemand drüberschauen könnte.

klick

zur navigation:
ich bin fan der einfachen navigation, und die passt.
cool wäre, wenn die immer oben sichtbar bleibt und nicht mit hoch scrollt..
(ich nutze ein netbook)

btw:ich bastel auch grade daran: http://xhtmlforum.de/66470-content-n...-absolute.html

Danke für den Hinweis. Auf Bildschirmen mit geringeren Auflösungen hab ich das noch garnicht betrachtet, bei mir wird alles dargestellt ohne scrollen zu müssen.

Ich habe nur das Gefühl das im Code für die Navi etwas nicht stimmt.
Im Firebug wird diese nicht markiert wenn ich über den entsprechenden Code fahr.
Und wenn ich auf der Contact-Seite das Formular mit "margin-top" weiter unten platzieren will, passiert garnix.

Das ul-Element hat die Höhe Null, weil die Inhalte mit Float aus dem Fluss genommen sind. Deshalb kann Firebug nichts anzeigen -- ist ja nix da.

Deine Liste ist suboptimal. Die Trenner sind rein optische Elemente und dürfen keine Li-Elemente sein, denn so behauptest du, deine Liste hätte 9 Punkte. Es sind aber nur fünf. Du willst doch Wert auf Zugänglichkeit[1] legen -- da geht sowas gar nicht.
Nimm Hintergrundbilder für die Trenner -- oder generated content.

Da kommen Collapsing Margins (Suchbegriff) und Clear zusammen. Ein 1px großes oberes Padding für den Inhaltsbereich hilft.


[1] Ich persönlich finde es bei einer derart kleinen Website völlig übertrieben, eine Zusatznavigation mit den beiden Skiplinks anzubieten. Wichtiger wäre, dass der "Textbereich" Inhalt bekommt. Wozu soll man sonst da hinspringen wollen?
Wo ist eigentlich deine h1?

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

zum code selber kann ich dir nichts sagen, dafür weiss ich selber zuwenig..

allerdings hat bei mir geholfen im übergeordneten element(navi) ein margin-bottom einzufügen.. das hat ausserdem den vorteil, dass du immer den gleichen abstand zwischen menü und content hast, nicht nur beim contact..

Du benutzt den html5 Doctype, aber keinerlei html5 Elemente wie zB <nav>.
Wozu dient das ganze JS? Für das Hintergrundbild?

__________________
Grüße
Nils

Moin,

Würde ich auch so empfehlen. Die HTML5-Elemente sind teils noch recht problematisch (vorallem im IE), der HTML5-Doctype aber keineswegs.

gruß,
take

__________________


take-weiland.de · Bürgerinitiative Norden

Website of Lars Schowalter
2 Scrollbalken und ein schwarzer Balken rechts auf 1280x800.

__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau

Danke für das Feedback.
HTML5 doctype hab ich verwendet, weil es in dem Little Boxes Tutorial so dargestellt wurde.

Ich hatte vorher für den Inhaltsbereich eine feste Breite von 1920px eingestellt, die hab ich jetzt rausgenommen.
Allerdings scheint es jetzt probleme bei niedrigen Auflösungen zu geben.

Auf der Unterseite Skills hab ich diesen Übergang von S-W zu bunt ziemlich unelegant mit Javascript gelöst, zumal das alles Links sind, die beim Klicken einen roten Hintergrund hervorrufen, dessen Ursache ich nicht mehr finde.

Da bin ich im Moment auf der Suche nach einem Ansatz um das etwas geschickter mit JQuery zu machen.

Den findest du in der bildschirm.css unter a:active. Ansonsten, ohne dir nahetreten zu wollen, lässt die Umsetzung des ganzen eher darauf schließen, das du dich und deine Fähigkeiten/Kenntnisstand doch erheblich überschätzt.