PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : www.dark-matter-soft.de <-- neues Design



Serge
11.07.2004, 01:12
http://www.dark-matter-soft.de hat nun ein neues Design und ich würde mich über einweng Feedback/verbesserungvorschläge/bugreports freuen.
Vor allem würde mich interessieren ob die Seite bei Opera benutzern richtig angezeigt wird.

Kermit.d
11.07.2004, 02:13
Also, ich hätte folgende verbesserungsvorschläge:


Den Hintergund was abdunkeln, damit die Aufmerksamkeit direkt auf die wichtigen Stellen fällt
Bei den Textfelder vielleicht auch einen anderen Hintergrund. Der Text ist mit dem momentanen Hintergund etwas schwer zu lesen. Also vielleicht die Konturen des hintergrundes abschwächen. Ihn mit weniger Farben gestalten oder eine unschärfe drüber legen.
Newsfenster und Seitenmenüs sollten oben in einer Linie abschließen
"Besucher seid" wird "Besucher seit" geschrieben ;)
Mal versuchen die Abgrenzung zwischen Menüberschrift und Menüpunkten nur einen anstatt zwei Pixel dick zu machen
Dann vielleicht das "Kommentare" und "geschrieben von" auf eine Höhe setzten und in selben Stil schreiben

Ansonst sieht die seite nicht schlecht aus. Die Symbole vor den Menüpunkten gefallen mir.

mitaki
11.07.2004, 02:52
Weder in Opera noch in Firefox wird die Seite richtig dargestellt.
Du hast einige Fehler in deinem Quelltext, die du unbedingt ausbessern solltest.

Beispiel:

width=160px;
border=1px solid #000000;
Bei Stylesheets verwendet man immer den Doppelpunkt, um Attribute von deren Werten zu trennen.

Die meisten Fehler die der W3 Validator (http://validator.w3.org/) ausgibt betreffen das & in den URIs. & muss in den URIs als &amp;amp; geschireben werden, sonst meint der Browser es handle sich um ein spezielles Zeichen, wie z.B. &amp;brvbar; ( &brvbar; ).

Der schwerste Fehler ist jedoch das Fehlen eines DOCTYPEs, der für HTML Dokumente sehr wichtig ist.

In deinem Fall wäre
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
richtig, einfach im Quelltext an erster Stelle platzieren.

Die Fehler in Opera und Firefox hängen eventuell mit den Stylesheet Fehlern zusammen: Das Design ist nicht mittig ausgerichtet; der mittlere Teil hängt am Ende der Navigation (Wenn du noch am Anfang des Erfahrungsammelns stehst solltest du eventuell Tabellen statt div-Layer verwenden).

Ich hoffe, von der technischen Seite konnte ich dir helfen, was das Design betrifft, so stimme ich meinem Vorredner voll und ganz zu. Doch: Wenn du Mitarbeiter suchst, solltest du die zu vergebenden Aufgaben in Listenform anstatt in Fließtextform darstellen.

Mein erster Post in diesem Forum, nebenbei.

Chocwise
11.07.2004, 03:03
Ich schick dir sofort ein Paket mit 4 Screenshots wie es in Opera 7.52 aussieht an deine Mailadresse mit der du dich im Forum registriert hast.

Angesichts der Fehler möchte ich dir das Selbe raten wie mitaki und zwar Tabellen statt Layer zu verwenden.

Serge
11.07.2004, 04:39
Danke für die Bugreports und Verbesserungsvorschläge,
habe alles behoben bis auf:
-die &'s in den URl's. Irre ich mich oder tun es nicht so ziemlich alle Seiten einfach als "&" schreiben? z. B. auch im Forum hier sinds auch nur normale "&"
- <div>'s. Hab früher schon mit Tabellen gearbeitet und bin nun auf Divs umgestiegen und sie gefallen mir wirklich weit besser (fehler mit Opera Browser hatte ich auch mit Tabellen massig :] ). Das falsche Darstellen des Designs sollte auch nicht an ihnen gelegen haben.
- Hintergrund abdunkeln. Hmm, mir gefällt er so eigentlich besser, wenn er recht hell ist. Bin mir nicht sicher ob er denn wirklich vom Inhalt ablenkt?

mitaki
11.07.2004, 20:25
-die &'s in den URl's. Irre ich mich oder tun es nicht so ziemlich alle Seiten einfach als "&" schreiben? z. B. auch im Forum hier sinds auch nur normale "&"
Wenn alle aus dem Fenster springen, springst du dann auch? Tatsächlich wird das & in den URIs des Forums nur als & geschrieben, das liegt aber daran, dass das Design auf einem älteren Template basiert, denn die vBulletin Programmierer haben diesen Fehler in einer der neueren Versionen bereits (oder endlich) ausgebessert.
Wie erklärst du dir sonst diese Ergebnisse (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.dark-matter-soft.de%2F&charset=iso-8859-1+%28Western+Europe%29&verbose=1)?

Dabei sind mir noch ein paar Fehler aufgefallen:
1. <img> muss ein alt-Attribut enthalten, was einen Alternativtext bestimmt, sollte das Bild nicht angezeigt werden.
2. Es gibt noch ein einzelnes = bei den Stylesheets
3. Dir fehlt die meta Angabe zum content-type (daher konnte der Validator (http://validator.w3.org/check?uri=http://www.dark-matter-soft.de/) die Seite nicht sofort erkennen).

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
In Opera sieht das ganze jetzt schon ganz gut aus, nur der Firefox macht noch Probleme, dort liegt der Mittelteil hinter der linken Navigation.


- Hintergrund abdunkeln. Hmm, mir gefällt er so eigentlich besser, wenn er recht hell ist. Bin mir nicht sicher ob er denn wirklich vom Inhalt ablenkt?Er ist ein regelrechter Augenfang.


Das falsche Darstellen des Designs sollte auch nicht an ihnen gelegen haben.Nun ja, du solltest gesehen haben, wie die div-Layer mit Opera ausgesehen haben.

Serge
12.07.2004, 01:31
Hi,
hab
-Den Hintergrund geändert
-Das letzte = beseitigt
-Die Meta angabe eingesetzt
-Die &'s.

Original geschrieben von mitaki
Nun ja, du solltest gesehen haben, wie die div-Layer mit Opera ausgesehen haben. [/B]
Sind ja immernoch Div's :]
Aber dass es in Firefox nicht richtig angezeigt wird liegt wohl daran oder? Muss ich wohl doch auf Tabellen umsteigen?

mitaki
12.07.2004, 01:58
Sind ja immernoch Div's :] Ich wollte damit sagen: sind Fehler im Code kanns schon mal zu einem großen Durcheinander kommen.


Aber dass es in Firefox nicht richtig angezeigt wird liegt wohl daran oder?Meiner Erfahrung nach macht der Firefox bei div-Layern keine Probleme, deshalb rate ich dir zuerst den Quelltext noch einmal durchzusehen, der Validator finden keine Fehler, die logisch richtig, aber praktisch falsch sind (wenn du verstehst^^).

Der Hintergrund sieht nun um einiges besser aus, glaub mir, deine Besucher wird es glücklich machen. ;)

Ich hab dich in meinem ersten Post bereits darauf hingewiesen, aber du scheinst es übersehen zu haben: <img> braucht ein alt-Attribut, du kannst es auch leer lassen (alt="").

Ich weis nicht, welches Newsskript du verwendest, aber sieh mal nach, ob du das & in der URI für die Kommentare auch noch ändern kannst.

Ist es nicht schön, junge Webmaster auf den richtigen Weg zu bringen...

Serge
12.07.2004, 05:49
Hab jetzt noch einweng rumgemacht, habs auch mal in Tabellenform gehabt wurde aber bei einem hier mit mozilla trotzdem falsch angezeigt, bin jetzt wieder bei <div>'s und habs mit positionsangabe versucht, was mir da jedoch auffiel, dass man bei position:absolute laut selfhtml die Position relativ zum Elternelement angibt, mein Element sich, obwohl er von einem <div> umschlossen wird, sich trotzdem nach dem Rand von <body> richtet.
Weis nicht warum es einfach nicht klappen will <:/

Jesus_666
12.07.2004, 18:03
Vielleicht könnte dir exakt der Firefox da helfen, genauer gesagt: Die Web Developer (http://update.mozilla.org/extensions/moreinfo.php?application=firefox&id=60&vid=63)-Erweiterung. Damit kannst du das Stylesheet der Seite direkt im Firefox bearbeiten und bekommst während du schreibst angezeigt, wie sich die Seite mit dem neuen Code verhält. Zum Debuggen ist das extrem praktisch.