WebStyleBoard

Zitat

hi nobodl, sorry, aber wirkt auf den ersten Blick sehr unübersichtlich.....

der carlsson

Zitat

Wenn ihr hier schreibt ... "das ist zu unübersichtlich" ... sorry Leute, aber damit kann ich absolut nix anfangen ... a bissel konkreter wäre schon nicht schlecht

Zitat

Original von TheNobody Style
http://www.wbbdev.de
Das ist die Seite um die es hier geht.

• Du hast eine Menge Unsauberkeiten im HTML, das CSS ist nicht viel besser, allesamt Fehler, die gut vermeidbar wären. Schau Dir mal das hier und das an. Du könntest direkt mal ein bisschen konsequent werden und den ganzen Layout-Mist ins CSS verlagern. Die Navigation ist ein gutes Bleistift. Font-Elemente sind deprecated, umständlich und schlechter Stil. Das wäre viel einfacher mit ein bisschem sinnvollen CSS zu lösen:

  	Quellcode
  1 2 3 4 5 6 7	td.navigation { /* hier die Empfehlungen für die Navigationsüberschriften */ } td.navigation a:link { /* hier die Empfehlungen für die Verweise */ }

  Lies dazu auch mal die Usability und Accessibility - Linksammlung!
  
• Was ist das denn?

  	Quellcode
  1 2 3 4	<meta NAME="Generator" CONTENT="TNSwebPortal"> <meta NAME="Author" CONTENT="?"> <meta NAME="Keywords" CONTENT="?"> <meta NAME="Description" CONTENT="?">

  ???
  

• 	Quellcode
  1	<td align="right" BORDER=0 CELLSPACING=0 CELLPADDING=0>

  Das ist mal ein weiteres gutes Bleistift für schlechtes HTML. Erstens ist es total umständlich und zweitens invalide.
  
  Am Quälkot kannst Du noch einiges optimieren und wir helfen Dir gerne dabei! Frag bei Bedarf einfach nach!
  
  Aber es soll ja nicht nur darum gehen:
  
• Dein Standarddesign mit den gestylten Boxen zwar nicht unbedingt aufregend, aber dafür nutzbar und absolut in Deiner CI. Gut!
  
  
• Bei der Navigation kannst Du noch etwas deutlicher werden. Mein Vorschlaghammer: mach die Wächter-Ifs und die Klammern in font-weight:normal, dafür die eigentlichen Links als einzige schwarz und zusätzlich font-weight:bold. Auch die Echos und die Quotes würde ich zurückstellen. Dann siehts immer noch cool aus, aber nicht mehr so verwirrend. td.navigation a:hover (siehe oben) sollte auch imo geändert werden, das ist fast nicht mehr lesbar. Mein Tip: a schwarz wie bisher, a:hover eventuell ohne underline und a:active wie a:hover, nur in weiss. Das ist deutlicher.
  
  Nachtrag: Vielleicht sieh es noch übersichtlicher aus (kann aber auch sein, dass mein Java-getrübtes Auge da einfach streikt), wenn Du das so formatierst:

  	Quellcode
  1 2 3 4 5 6	if(bedingung) { /*... ... ...*/ } /*leerzeile*/

  Ganz einfach, weil dann der Zusammenhang noch etwas deutlicher wird. Wir rücken die öffnende Klammer bei Klassen und Methoden in die nexte Zeile, bei Bedingungen und Schleifen bleibt sie in der gleichen Zeile, ich finde das übersichtlicher. Eventuell mal ausprobieren?
  
• Man sollte einem visited Link diese Eigenschaft VOR dem hover ansehen (eventuell ausgrauen), sonst stiftet es nur Verwirrung.
  
• Die Schrift ist winzig. Geht das etwas größer? Bei Unixen ist das sonst völlig unlesbar!
  
• Wenn man eine Kategorie auswählt und diese keine Treffer hat, sollte man das sehen, sonst weiss man nicht, ob man eventuell den Submitbutton falsch getroffen hat. Das stiftet auch Verwirrung.
  
• Das Grün der Submit-Buttons ist schrecklich.