und (DESIGN) - Hilfe und Bewertung bitte
Dave
- css
Gute Nacht Forum,
jetzt will ich mal zu später Stunde meinen ersten "Bewertet-meine-Seite"-Thread starten, wobei die Seite gar nicht für mich persönlich ist, sondern für meine Gemeinde. Vorher aber noch ein paar Fragen - ach nein, erst der Link zu http://www.badsteben-evangelisch.de/steben/dev1/index.php, der Benutzername bewerter und das passwort bewerterpasswort für die erste Passwortabfrage, die anderen können ignoriert werden. Bis jetzt habe ich auch nur die Startseite und den Punkt "Service" im Menü hochgeladen. Aalso:
1. Wie erreiche ich es, dass der Mozilla die Menüpunkte oben größer oder gleich groß als/wie die <ul> macht, und nicht 1px kleiner, sodass der Rahmen so "verwaschen" aussieht?
2. Auf Seiten, deren Text länger als die Bildschirmhöhe ist, wird (bei mir) der #footer etwas abgesetzt und nicht korrekt angehängt; bzw. im IE<6 oben auch und das auch bei den Seiten, deren Inhalt nicht den gesamten Bildschirm ausfüllt.
Ansonsten hätte ich gerne eine Standard-Kritik[tm], gehöre jedoch selbst zur Gruppe der im Hinblick auf selbige sensiblen Menschen. Aber haut nur drauf! Ich muss das lernen! Inhaltsbewertungen sind unerwünscht. Falls sich jemand zur Farbwahl äussern will: Es sind violett-Töne vorgegeben, bei diesen habe ich jedoch freien Spielraum (also falls euch andere Farben besser gefallen würden... nur zu.)
An einem Stylesheet für ältere Browser mit dem <link>-Tag arbeite ich noch.
Ja, ich weiss, dass manche von euch das Hauptmenüdesign von http://fractatulum.net/kram/templates/genetik/ kennen, das habe ich aber bereits mit Jan geklärt.
Korrekte XHTML-Schreibweisen sind noch in Arbeit (s. fehlendes <?xml... und <head>-Attribute), das lässt sich noch nicht mit PHP vereinbaren.
Falls euch noch Fehler oder irgendwelche Verbesserungsvorschläge (auch bezüglich der Zugänglichkeit und Barrierefreiheit) ein/auffallen, bin ich für (Hinweis auf) diese dankbar.
Also vielen Dank fürs Lesen und Bewerten und gute Nacht!
mfg Dave
Hallo.
jetzt will ich mal zu später Stunde meinen ersten "Bewertet-meine-Seite"-Thread starten, wobei die Seite gar nicht für mich persönlich ist, sondern für meine Gemeinde. Vorher aber noch ein paar Fragen - ach nein, erst der Link zu http://www.badsteben-evangelisch.de/steben/dev1/index.php, der Benutzername bewerter und das passwort bewerterpasswort für die erste Passwortabfrage, die anderen können ignoriert werden. Bis jetzt habe ich auch nur die Startseite und den Punkt "Service" im Menü hochgeladen. Aalso:
Hinter viel mehr Abfragen konntest du die Seiten sicher nicht verstecken, oder? ;-)
- Wie erreiche ich es, dass der Mozilla die Menüpunkte oben größer oder gleich groß als/wie die <ul> macht, und nicht 1px kleiner, sodass der Rahmen so "verwaschen" aussieht?
Kann ich mangels Mozillas nicht sagen, aber wenn du schon dabei bist: In kleinen Fenstern überlappen sich die Menüpunkte, so dass sie nicht vernünftig zu lesen sind.
- Auf Seiten, deren Text länger als die Bildschirmhöhe ist, wird (bei mir) der #footer etwas abgesetzt und nicht korrekt angehängt; bzw. im IE<6 oben auch und das auch bei den Seiten, deren Inhalt nicht den gesamten Bildschirm ausfüllt.
In Opera 7 tritt dies nicht auf.
Ansonsten hätte ich gerne eine Standard-Kritik[tm], gehöre jedoch selbst zur Gruppe der im Hinblick auf selbige sensiblen Menschen. Aber haut nur drauf! Ich muss das lernen! Inhaltsbewertungen sind unerwünscht. Falls sich jemand zur Farbwahl äussern will: Es sind violett-Töne vorgegeben, bei diesen habe ich jedoch freien Spielraum (also falls euch andere Farben besser gefallen würden... nur zu.)
Mir persönlich ist der Kontrast insbesondere der Hauptüberschriften zu groß und das Dunkelblau der linken Navigation könnte etwas wärmer sein.
Falls euch noch Fehler oder irgendwelche Verbesserungsvorschläge (auch bezüglich der Zugänglichkeit und Barrierefreiheit) ein/auffallen, bin ich für (Hinweis auf) diese dankbar.
Nur noch Kleinigkeiten:
Hallo at,
- Zollzeichen sind keine Anführungszeichen -- ja, ich bin pingelig.
ich ja eigentlich auch - hast du für mich einen Tipp für eine typographisch korrekte Codierung (99 66) die auf allen Systemen (Mac, Win, Linux) auch richtig dargestellt wird?
Ich gestehe, daß ich nach meinen letzten Versuchen auf dem Gebiet, die schon ein Jahr her sind, die Sache nicht weiter verfolgt habe.
Schöne Grüße aus Köln-Ehrenfeld,
Elya
HAllo.
ich ja eigentlich auch - hast du für mich einen Tipp für eine typographisch korrekte Codierung (99 66) die auf allen Systemen (Mac, Win, Linux) auch richtig dargestellt wird?
Ja, die Suche im Archiv ;-)
Ich erinnere mich an einen Thread, in dem auf eine Seite verwiesen wurde, auf der die einzelnen Möglichkeiten und die Browser, die damit umgehen können, tabellarisch aufgeführt waren.
Beziehe einfach mal Begriffe wie "Unicode" in deine Suche mit ein.
Ich gestehe, daß ich nach meinen letzten Versuchen auf dem Gebiet, die schon ein Jahr her sind, die Sache nicht weiter verfolgt habe.
Es ist ja auch nur eine Kleinigkeit, aber viel zu meckern mehr gibt es auf deiner Seite eben nicht ;-)
MfG, at
Hallo at,
Dave != Elya... ;-)
Schöne Grüße aus Köln-Ehrenfeld,
Elya
Hallo.
Dave != Elya... ;-)
"Selbst Schuld! Was mischen Sie sich auch einfach ein?!"
Sorry, soll nicht wieder vorkommen ;-)
MfG, at
Hallo.
Der letzt Beitrag stammt natürlich von mir, nicht von "Sorry". -- Man sollte nicht gleichzeitig eMails Schreiben, bei denen man einen Betreff angibt ;-)
MfG, at
Hallo at und Vielen Dank erstmal für deine Bemühungen,
Hinter viel mehr Abfragen konntest du die Seiten sicher nicht verstecken, oder? ;-)
Nunja, diese Siete erstelle ich noch mit jemand anderem zusammen, und der hat die komplette Seite gesperrt, solange sie noch nicht vollständig ist. Diese Abfragen kommen eben dazu, ich weiss auch nicht, wie man Ausnahmen für Verzeichnisschutz erstellen kann.
Kann ich mangels Mozillas nicht sagen, aber wenn du schon dabei bist: In kleinen Fenstern überlappen sich die Menüpunkte, so dass sie nicht vernünftig zu lesen sind.
Aber welchen Grund sollte jemand haben, sein Browserfenster kleiner als 640x480 zu haben? oder meinst du nicht das Menü oben?
In Opera 7 tritt dies nicht auf.
<sarkasmus>Sehr schön, das freut mich unglaublich, ich werde allen benutzern einen Link zur Opera-Downloadseite vorschalten.</sarkasmus>
Ich liefere in etwa 2 Stunden einen Screenshot nach, geht im Moment nicht.
Mir persönlich ist der Kontrast insbesondere der Hauptüberschriften zu groß und das Dunkelblau der linken Navigation könnte etwas wärmer sein.
Meinst du den Kontrast der Hauptüberschriften zum Text oder zu etwas anderem? Das Blau hab ich jetzt mal verändert, Weiss aber nicht ob das so gedacht war. Wie mach ichs denn "wärmer"? Mehr rot, mehr Sättigung, Mehr Helligkeit?
Nur noch Kleinigkeiten:
Macht nichts, auch erwünscht.
- Die Unterüberschriften reagieren wie Links, lassen sich aber nicht anklicken.
Hab mich schon dumm und dämlich gesucht, wie stell ich das ab? Weil die sollen ja weiterhin Anker bleiben.
- Zollzeichen sind keine Anführungszeichen -- ja, ich bin pingelig.
Der Text wurde nicht von mir erstellt, den bearbeite ich noch, und ich bin genauso pingelig wie du dabei.
- Die bei Berührung sehr weit in den Inhalt ragende linke Navigation irritiert.
Viel weiter krieg ichs aber nicht zurück, siehe die ersten beiden links auf der Service-Seite. Und ein plötzlicher Zeilenumbruch irritiert m.e. mehr.
Ansonsten ist die die Seite sehr angenehm anzusehen, einfach zu navigieren und technisch sauber. Allerdings auch etwas langweilig.
Langweilig? Wieso? Das wollte ich am wenigsten. Kannst du das genauer spezifizieren?
MfG, at
mfg und Danke, Dave
Hallo.
Nunja, diese Siete erstelle ich noch mit jemand anderem zusammen, und der hat die komplette Seite gesperrt, solange sie noch nicht vollständig ist. Diese Abfragen kommen eben dazu, ich weiss auch nicht, wie man Ausnahmen für Verzeichnisschutz erstellen kann.
Dann lasse mal deinen guten Geist auf ihn einwirken ;-)
Aber welchen Grund sollte jemand haben, sein Browserfenster kleiner als 640x480 zu haben? oder meinst du nicht das Menü oben?
Vielleicht lässt er es sogar größer, macht aber auch die Schrift größer, weil er die Brille verlegt hat.
<sarkasmus>Sehr schön, das freut mich unglaublich, ich werde allen benutzern einen Link zur Opera-Downloadseite vorschalten.</sarkasmus>
Yeah, so hatte ich das gemeint ;-)
Aber was ich nicht testen kann, kann ich natürlich auch nicht kritisieren.
Ich liefere in etwa 2 Stunden einen Screenshot nach, geht im Moment nicht.
Lass dir Zeit. Ich habe eh noch andere Dinge zu erledigen.
Meinst du den Kontrast der Hauptüberschriften zum Text oder zu etwas anderem? Das Blau hab ich jetzt mal verändert, Weiss aber nicht ob das so gedacht war. Wie mach ichs denn "wärmer"? Mehr rot, mehr Sättigung, Mehr Helligkeit?
Mehr Rot? Sicher. Mehr Sättigung? Nicht wirklich. Mehr Helliigkeit? Definitiv.
Aber die gelbe Variante gefällt mir schon sehr viel besser :-)
Und ich meinte tatsächlich die Hauptüberschriften, die auf Grund ihrer Größe und der fetten Schrift ohnehin sehr schwer wirken.
- Die Unterüberschriften reagieren wie Links, lassen sich aber nicht anklicken.
Hab mich schon dumm und dämlich gesucht, wie stell ich das ab? Weil die sollen ja weiterhin Anker bleiben.
Kennst du http://selfhtml.teamone.de/css/formate/zentrale.htm#attributbedingte?
- Die bei Berührung sehr weit in den Inhalt ragende linke Navigation irritiert.
Viel weiter krieg ichs aber nicht zurück, siehe die ersten beiden links auf der Service-Seite. Und ein plötzlicher Zeilenumbruch irritiert m.e. mehr.
Das sehe ich. Aber die verlängerten Zeilen rühren aus einer Mehrinformation, die eigentlich gar keine ist, "Fragen" und "Ansprechpartner" halte ich für hinreichend selbsterklärend.
Langweilig? Wieso? Das wollte ich am wenigsten. Kannst du das genauer spezifizieren?
Ist ein Bauchgefühl, aber Elya hat das in [pref:t=54535&m=303432] ja schon sehr schön beschrieben.
MfG, at
Servus,
überdenk doch mal das mit dem Passwort.
Mit einer NN 7.1 Standard installation musste ich x mal mich einloggen für jedes Bild scheinbar. Bei jedem klick auf einem link....
Gruss Matze
Guten Morgen Dave,
meine unmaßgebliche Morgenmeinung zum Design (nein ich bin kein Morgenmuffel ;-) ):
mein erster Eindruck: freundlich. Klar, woher das Violett kommt, finde ich auch passend. Mir ist das ganze aber ein wenig zu "clean", soll heißen, für eine Kirchengemeinde zu "amtlich", da ist zu wenig Leben drin. Inhalt kommt natürlich noch, aber ich würde mich über ein Gesicht, lebendiges Gemeindeleben, eine Symbolik im Design freuen (natürlich ohne es zu überladen). Was ist das besondere ausgerechnet an Bad Steben? Bis jetzt könnte das jede Kirchengemeinde oder eine andere irgendwie violett angehauchte Organisation sein ;-).
Der dunkelblau "herausschießende" Mouse-Over-Effekt bei den Navipunkten ist mir persönlich etwas zu hart und zuviel, sowohl die Farbe als auch diese extreme Verschiebung nach rechts. Als Komplementärfarbe (?) zu dem Violett hast du im Hauptteil Gelb genutzt, warum nicht auch am Rand, ruhig etwas kräftiger?
Der abgekürzte Titel oben ist unschön. "Wer abkürzt, ist zu faul zu schreiben" sagt mein Lieblingsschriftsetzer immer. Wenn Du zu wenig Raum hast, nutze 2 Zeilen mit verschiedenen Schriftgrößen, oder kreiere ein Logo.
Soviel zu meinem ersten Eindruck. Zur Technik gibt's hier bestimmt noch schlauere Meinungen, da halte ich mich zurück... Läuft bei mir unter IE 5.5 und Mozilla 1.3 ordentlich.
Ich würde die Seite gerne später noch mal sehen!
Schöne Grüße aus Köln-Ehrenfeld,
Elya
Hallo Elya,
meine unmaßgebliche Morgenmeinung zum Design (nein ich bin kein Morgenmuffel ;-) ):
jede Meinung ist Maßgeblich.
- Mir ist das ganze aber ein wenig zu "clean", soll heißen, für eine Kirchengemeinde zu "amtlich", da ist zu wenig Leben drin. Inhalt kommt natürlich noch, aber ich würde mich über ein Gesicht, lebendiges Gemeindeleben, eine Symbolik im Design freuen (natürlich ohne es zu überladen). Was ist das besondere ausgerechnet an Bad Steben? Bis jetzt könnte das jede Kirchengemeinde oder eine andere irgendwie violett angehauchte Organisation sein ;-).
Das war schonmal etwas genauer als bei at. Leider sind mir so langsam die Ideen ausgegange. Ja, auch ich finde das selber etwas langweilig. Bilder kommen noch rein, in den Hintergrund auch, klar, atm sind nur noch keine vorhanden, bis auf 3 Fotos unserer Pfarrer, die allesamt auf der "Kontakt"-Seite zu sehen sind. (Wo wir gerade wieder dapei sind mit dem TYPO-Teil des Threads: Wie kriegt man nochmal diese spitzen Anführungszeichen hin? Da war doch immer was mit Alt + ..., aber damit öffnet man doch wohl das Menü des Browsers? Genug Thread-Drift hier...) Also, für vorschläge bin ich jederzeit dankbar, nein, ich fordere welche! :D
- Der dunkelblau "herausschießende" Mouse-Over-Effekt bei...
Wurde geändert. Habe den Teil auch noch ein Stück schmaler gemacht. Das Problem hierbei ist eben der IE5.
- Der abgekürzte Titel oben ist unschön. "Wer abkürzt, ist zu faul zu schreiben" sagt mein Lieblingsschriftsetzer immer. Wenn Du zu wenig Raum hast, nutze 2 Zeilen mit verschiedenen Schriftgrößen, oder kreiere ein Logo.
Danke, ist jetzt ausgeschrieben.
Ich würde die Seite gerne später noch mal sehen!
Das darfst du auch. Warte, bis noch ein paar Verbesserungsvorschläge kommen.
Auch dir vielen Dank!
mfg Dave
Hier jetzt noch ein Screenshot zu dem Problem mit dem #footer-Bereich - Wieso grenzt er nicht unmittelbar an den #content??
<img src="http://tests.badsteben-evangelisch.de/bilder/screenshot.png" border="0" alt="">
Achja, nochwas: findet ihr das favicon eigentlich passend? Wie kann man den weissen Bereich transparent machen? habs nur mal auf die schnelle mit Paint entworfen...
mfg Dave
Hallo.
Hier jetzt noch ein Screenshot zu dem Problem mit dem #footer-Bereich - Wieso grenzt er nicht unmittelbar an den #content??
Jetzzzzt weiß ich, was du meintest. Das sieht bei mir (doch) auch so aus, hat mich aber gar nicht irritiert. Vielleicht postest du mal den relevanten Teil des CSS.
Achja, nochwas: findet ihr das favicon eigentlich passend? Wie kann man den weissen Bereich transparent machen? habs nur mal auf die schnelle mit Paint entworfen...
Ich sehe zwar im Code, dass ein eingebunden ist, aber es erscheint nicht.
MfG, at
Hallo,
Jetzzzzt weiß ich, was du meintest. Das sieht bei mir (doch) auch so aus, hat mich aber gar nicht irritiert. Vielleicht postest du mal den relevanten Teil des CSS.
sieht halt anders doch etwas besser aus. S.u.
Ich sehe zwar im Code, dass ein eingebunden ist, aber es erscheint nicht.
Stimmt, das liegt daran, dass das favicon in einem anderen geschützten Bereich liegt. Ich schalte den Schutz jetzt mal für ein, zwei Stunden aus, auch zum CSS anschaun, ich hab nämlich keine Ahnung (mehr), wo der Fehler sein könnte.
mfg Dave
Hallo.
Ich sehe zwar im Code, dass ein eingebunden ist, aber es erscheint nicht.
Stimmt, das liegt daran, dass das favicon in einem anderen geschützten Bereich liegt. Ich schalte den Schutz jetzt mal für ein, zwei Stunden aus, auch zum CSS anschaun, ich hab nämlich keine Ahnung (mehr), wo der Fehler sein könnte.
Das Favicon sieht sehr gut aus, auch wenn ich den Querbalken noch einen Pixel höher setzen würde, um es deutlicher von einem einfachen Schachbrettmuster abzuheben. Transparenz ist da unnötig.
MfG, at
Hallo @,
Also:
) Favicon hab ich jetzt geändert, gefällt mir auch besser.
) Die Ergänzungen sind jetzt weg, die Menüpunkte ausgefahren kürzer. Das Hintergrundgelb geht dort jetzt noch ein bisschen mehr ins Orange.
) Um die Seite lebendiger zu machen, ist mir noch nicht so viel eingefallen, vielleicht wirds ja, wenn die Seite volständig ist.
Weiterhin Probleme:
) Immer noch der #footer
) Das mit den Überschriften, vom CSS her müsste es aber seltsamerweise passen??
Auf eine letzte helfende Antwort hoffend,
mfg Dave
Hallo.
) Favicon hab ich jetzt geändert, gefällt mir auch besser.
Durch das schlankere Icon fallen die weißen Ränder allerdings wieder auf. Die Transparenz kannst du für eine Palettenfarbe setzen. Wie das genau funktioniert, hängt von dem Programm ab, das du du verwendest.
) Die Ergänzungen sind jetzt weg, die Menüpunkte ausgefahren kürzer. Das Hintergrundgelb geht dort jetzt noch ein bisschen mehr ins Orange.
Sehr angenehm :-)
Und die kurzen Menüpunkte per CSS zu realisieren, ist natürlich trickreich, weil jederzeit reversibel.
) Um die Seite lebendiger zu machen, ist mir noch nicht so viel eingefallen, vielleicht wirds ja, wenn die Seite volständig ist.
Vielleicht kommen ja noch einige Bilder oder Grafiken hinzu.
Weiterhin Probleme:
) Immer noch der #footer
) Das mit den Überschriften, vom CSS her müsste es aber seltsamerweise passen??
Funktioniert der Wert "transparent" zuverlässig? Mehr fällt mir leider nicht auf :-(
Ich nehme an, die Seite validier?
Auf eine letzte helfende Antwort hoffend,
Wenn ich helfen kann, tue ich das -- unabhängig davon, wieviele Antworten nötig sind :-)
MfG, at