[bluegrafixx]

Hallo liebe Community

Ich würde gerne wissen, was ihr vom technischen Aufbau von diesem Website-Entwurf haltet: http://drupal.papillonpower.ch/test_CSS-Page/test.php

Den CSS-Teil werde ich natürlich noch in eine externe .css-Datei auslagern.

Vielen Dank für euer Feedback.

[gotoAndPlay]

Rechtsbündig?
Warum so ein kleiner Kasten? Warum skalliert sich die Seite nicht auf den vollen Bildschirm?
Was sollen diese Wasserblasen in der linken Spalte?
Warum steht der CSS Code direkt in der HTML Seite und ist nicht eingebettet in einer externen CSS Datei?
In meinen Augen ein sehr schwaches "Design", das nicht dem derzeitigen Standard entspricht. Wäre es von 2002 dann wäre es in Ordnung

[SimonDerDude]

@gotoAndPlay, es geht ihm nicht um "Gestaltungstechnisch" sondern der Umsetzung des Layouts (lesen usw ). Aber vielleicht trotzdem gut dass es angesprochen wurde.

Grundlegend kann man sagen, es funktioniert.
Du hast kleine Syntaxfehler im Code (leere <p>-Tags) und einige unnötige <div> Container die man weglassen könnte.

#distance ist unnötig

#logo-punkte könnte man in #header packen

Statt ein <div> #mainnav mit <img> und <p> hättest du eine einfach Liste <ul> mit background einsetzen können.
Das Gleiche bei #menu.

#content ... macht was genau? - unnötig

Der Inhaltsbereich ist soweit OK
Du siehst, im Allgemeinen solltest du versuchen mit weniger Code das gleiche Ziel zu erreichen.

[Piki]

Abstände mit mehr oder weniger geschützten Leerzeichen definiert: Aua.
Erstelle die Navigation als Liste. Die List-Items bekommst Du mittels „float“ oder „display: inline“ nebeneinander. Die Abständer dort regelst Du dann über die entsprechenden CSS-Anweisungen.

[Karlarsch]

Auf die Schnelle fällt mir, neben dem schon angesprochenen noch folgendes auf:

- Warum kein HTML5? (doctype, Elemente)
- Warum kein CSS3? (z.B. border-radius)
- Warum kein UTF-8?
- #container ist ein überflüssiger Wrapper, dafür kannst du auch den body nehmen.
- Konsequenterer Einsatz von CSS, verzicht auf HTML-Attribute
- In den Styles Kurzschreibweise nutzen
- Warum ein Bild für die Punkte (punkte.gif)? Das ginge doch auch mit Text ":".

Ansonsten ist die Ausrichtung nach rechts mal was Anderes, wenn es auch polarisieren mag.

Gruß
Karl

[top]

Wenn man ran zoomt oder ein (warum auch immer) extrem schmales Browserfenster hat, verschwindet der Linke Teil unerreichbar links außerhalb des Sichtbereichs.

Du könntest daher dem body noch ein min-width: 860px; verpassen.

[bluegrafixx]

@ gotoAndPlay:
Wenn Du meine Anfrage richtig gelesen hättest, müsste Dir aufgefallen sein, dass ich erwähnt habe, dass ich das CSS bewusst nicht in ein externes CSS-File gestellt habe! Dies aus dem Grund, dass es für euch einfacher ist, es euch auch anzuschauen und mir auch darüber ein Feedback zu geben!
Deine Antwort an sich finde ich auch sehr "schwach" - ich habe um eine konstruktive Kritik gebeten, was ich von Dir allerdings nicht bekommen habe! "Schwach" ist eine persönliche Empfindung, jedoch keine Kritik. Wenn einem etwas nicht gefällt, ist das eine Sache... Gestaltungen können gefallen - oder eben auch nicht, damit muss man leben können. Auch in der Werbung ist das nicht anders. Wer definiert denn eigentlich was Standard ist, was "normal" ist?! Hinter dem gewählten Layout stehen ganz gewisse Überlegungen, auch was später die Site präsentieren soll... warum da Blasen und nicht Sonnenblumen sind hat schon seinen Grund. Sonnenblumen sind schon naturgemäss gelb - was also schon mal nicht geht, wie auch dem Namen der Site zu entnehmen ist.
Warum rechtsbündig?! Genau weil es nicht dem "Normalen" entspricht... jede Website ist entweder linksbündig oder zentriert. Das ist langweilig. Warum nicht mal was anderes probieren?! Über die Grösse kann man sicherlich noch reden... das ist wahr! Aber auch heute gibt es immer noch viele User, die mit kleinen Monitoren unterwegs sind... zudem muss nicht jeder Quadratmillimeter des Monitors mit blinkenden blitzenden Elementen und Inhalten den Betrachter überfordern und verspielt sein, dies gefällt mir nicht! Oder ist das heute der "Standard"?! Diese Site soll übersichtlich sein und mit wenigen, dafür sinnvollen Informationen gefüllt werden...

@ all others.
Vielen Dank für eure wirklich guten Inputs! Sehr gerne werde ich sie aufnehmen und in das Template einarbeiten! Vielen Dank für eure investierte Zeit! Das bringt mich wirklich weiter