Thomas Luethi: Was haltet ihr von der Seite...

Beitrag lesen

Hallo Robert,

Doch die Überschriften sind fett, allerdings ist ab <h4> die font-weight nur noch 400, weil es mir sonst zu fett erschien.

Also, hier (unter Win2k) in Opera 5.12, Mozilla 1.6 und MS IE 5.0
sind diese <h4> Ueberschriften kleiner und feiner als die
darauffolgenden Listenpunkte. Ich sehe nichts von wegen "fett".
Ueberschriften sollten IMHO "staerker" sein als Fliesstext.
Also groesser (und evtl. fett) oder wenigstens gleich gross,
dann aber fett.
Bei Dir wirken die H4-Ueberschriften wie "Kleingedrucktes".

Ueberschriften, Fusszeile und Links haben die gleiche Farbe [...]
Und die Links sind nichtmal unterstrichen.
=> Sehr verwirrlich und schlecht, weil man mit der Maus
ueber den Text gehen muss, um zu sehen, was ein Link ist.

Da hab ich mir auch schon den Kopf drüber zerbrochen und mich dagegen entschieden, weil ich es meiner Meinung nach nicht zum Layout passte, wenn das Navigationsmenü unterstrichene Links hatte.

_Dort_ muessen die Links ja IMHO auch nicht unterstrichen sein,
weil dort eben klar ist, dass es die Navigation ist.
Im Content-Bereich solltest Du aber die Links auf jeden
Fall hervorheben.
Optimal waeren andere Farben _und_ Unterstreichung.
Wenn Du unbedingt die gleichen Farben fuer Ueberschriften
und Link haben willst, dann unterstreiche wenigstens die
Links im Content-Bereich.

Es muessen ja nicht alle Links gleich aussehen.
Fuer die Links im Navigations-Bereich findest Du
sicher einen geeigneten Selektor, siehe:
http://www.netandmore.de/faq/fom-serve/cache/1271.html

Ich wuerde es z.B. so machen:

#navAlpha a:link, #navAlpha a:visited { text-decoration:none; }

.content a:link, .content a:visited { text-decoration:underline; }

Der jeweils aktive Menuepunkt, also die Seite, auf der
man sich gerade befindet, sollte _kein_ Link sein.

Yep, das muss ich noch ändern. Liegt vermutlich an mangelnden css Kenntnissen. Wenn ich es nicht als Link formatiere, dann passt es nicht mehr zum Rest der Navigation oder ich müsste wieder jede Datei einzeln bearbeiten.

Ja, das musst Du.
Ob ein Text ein Link ist, oder nur Text, steht im HTML-Code,
das hat nichts mit CSS zu tun.

Und er sollte (z.B. farblich) hervorgehoben sein.

Hmm, ich dachte, dass ich durch die Breadcrumbs klar darstelle wo ich mich befinde. Das wäre ja doppelt oder besser noch tripple gemoppelt, da ich ja auch jedesmal noch eine entsprechende Überschrift habe.

Ob der Kruemelpfad bei Dir notwendig ist, musst Du selbst entscheiden. Wenn er nicht gerade die einzige Navigations-
Moeglichkeit ist, gehoert es zu seiner Natur, dass er
redundante Information liefert.

Der aktuelle Punkt in der Navigation sollte auf jeden Fall
hervorgehoben sein, und eben kein Link. Alles andere ist
verwirrlich.
Siehe auch Punkt 10 in der Liste von Jakob Nielsen:
http://www.useit.com/alertbox/20031222.html

Also 800x600 funktioniert prächtig und dann kann man die Schrift auf 140% vergrößern

Dann ist ja (fast) gut! ;-)

Hast Du wirklich die Aufloesung auf 800x600 gestellt, oder
bloss das Browserfenster verkleinert? Es kommt naemlich
nicht ganz aufs gleiche heraus.

Wie auch immer, Du musst selbst wissen, ob Du dieses
position:fixed drin laesst.

Ich persoenlich finde es einfach ueberfluessig und
schlecht (sogar schlechter als Frames), und ich werde
nicht muede, auf seine Nachteile hinzuweisen.

Ich wuerde noch ein extra Druck-Stylesheet machen,
das die Navigation und den Kruemelpfad ausblendet.
Diese Dinge braucht man auf dem Papier IMHO nicht.

Wie funktioniert das mit dem Ausblenden per Stylesheet? Ich hätte es so gemacht, dass ich für jede Seite ein neues html Dokument anlege ohne die Navigation und dem Breadcrumbs.

Nicht notwendig.
Jedenfalls nicht fuer (halbwegs) aktuelle Browser wie z.B.
MS IE ab 4.0, Netscape ab 6, Mozilla, Opera ab 5 (mindestens).
All diese Browser koennen zwischen verschiedenen Medien
unterscheiden und nehmen ein Stylesheet, das mit media="print"
eingebunden wird, wenn es ums Drucken geht.
Dort kann man fuer die "unerwuenschten" Dinge einfach
selektor { display:none; }
angeben. Siehe:
http://aktuell.de.selfhtml.org/tippstricks/css/drucklayout/index.htm

Den Krümelpfad finde ich nicht so schlimm auf dem Papier und die Navigation erscheint ganz unten nach dem Inhalt was allerdings manchmal für eine unnötige Seite sorgt. Die könnte durchaus weg.

Klar, der Kruemelpfad braucht nur eine Zeile,
und dass die Navigation unten kommt (und nicht
links viel Platz frisst), ist schonmal gut.
Aber eben, auf dem Papier ist beides IMHO
voellig nutzlos und kann somit ausgeblendet werden.

Die Uebersichtskarte in niedriger Auflösung ist IMHO
voellig ueberfluessig. Die Qualitaet ist eh zu schlecht.
Ich dachte an die armen Modemnutzer, die es noch haufenweise gibt und hatte zuerst sogar eine mittlere Version.

Wenn sie zuerst die schlechte Version laden muessen,
um dann festzustellen, dass diese unbrauchbar ist,
und dann noch die bessere Version laden, hast Du
ihnen einen Baerendienst getan.
Zudem: 80 kB sind jetzt wirklich nicht die Welt...

[Bild: Kleiner Motorradfahrer] Tja, das ist nunmal das Firmenlogo [...] Und der Firmenname steht fett daneben.

Als Ueberschrift in Text-Form.
Das ist vielleicht aus Usability-Sicht ganz gut.
Aber es ist eben kein Logo, kein "Corporate Design".
Deine Entscheidung, bzw. die Deines Auftraggebers...

[CSS abschalten leichter machen]
Yep, hier unterlag ich wieder meiner Operagewohnheit. Ein Klick...

... oder Ctrl-G, ich weiss... ;-)

In Mozilla warte ich schon lange darauf, dass das so einfach geht...
Mit der Prefbar http://prefbar.mozdev.org/ kann man zwar
Fonts und Farben abschalten, aber eben nicht CSS ganz allgemein.
Vielleicht weiss ja jemand ein besseres Add-On, mit dem das
jetzt auch moeglich ist (fuer Mozilla 1.5ff, Linux).

Freundliche Gruesse,

Thomas

--
Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/