Hallo,

Jetzt ist es mal wieder soweit - mein Layout steht weitestgehend und nun kommt wieder die für mich sehr schwierige Aufgabe, ein passendes Design zu kreieren.

Am besten CSS. Möglichst nicht zu CSS. Die nötige Fachliteratur findest du übrigens zuhaufe, wenn du nur mal ein bisschen Googlest.

und strict (X)HTML, das hätte ich fast vergessen. Natürlich valides HTML Strict, besser wäre noch XHTML.

Die Seite wird sich mit allem rund um CSS beschäftigen und sollte von daher ein eher 'sachliches' und nicht zu buntes Design haben.

Das ist erst Recht ein Grund, CSS zu nutzen <g>.

Links in die Kästen (5 leftcol) kommt die Hauptnavigation in Blöcken als <ul>.

also

<ul>
  <li><a href="#">Item 1</a></li>
  <li><a href="#">item 2</a></li>
  usw.
</ul>

Per CSS entstehen dadruch eine unglaubliche Vielfalt an Formatierungsmöglichkeiten. Wenn man dann z.B. noch Bildchenlinks braucht, d.h. Bilder anstatt Text, dann eben

<li><a href="#"><span>Item1</span></a></li>

und das span{display:none;} und dafür a{background-image:url(...);}. :)

Bei 2 contentHeader soll die 'Brotkrumennavigation' (Sie sind hier: Seite x -> Seite y -> Seite z) und die jeweilige Seitenüberschrift hin.

Das würde ich am Besten per Sublists machen, damit es sinnvoll erscheint:

<ul>
  <li><a href="#">seite x</a>
      <ul>
         <li><a href="#">seite y</a>
           <ul><li><a href="#">seite z</a></li>
           </ul>
         </li>
      </ul>
  <li>
</ul>

Sieht zwar unschön und blöd aus, aber wenn du die Seite ohne CSS anzeigst, merkst du schnell, dass es viel logischer ist, wenn dort

* seite x
  * seite y
    * seite z

anstatt

* seite x
* seite y
* seite z

steht. Immerhin sind deine "Brotkrumen" (wer gab dem diesen dummen namen? habe ich noch nie vorher gehört...) ja auch verschachtelt.

In die rechte Spalte kommt dann bei Bedarf die Subnavigation und/ oder ergänzende Infos hin.

Die Seiten floatest du übrigens schön. Und im Drucklayout wird dann sowas wie Navigation nicht angezeigt (display:none;), deine Brotkrumen wiederum sind recht hilfreich.

Wie gesagt, in Punkto Design reicht mein Talent einfach nicht aus, um meine eigenen Ansprüche & Vorstellungen zufriedenzustellen.

Dann würde ich sagen: Lass dich inspirieren. Google ein bisschen und erfreu dich an den größtenteils coolen Designs von Zen Garden & Co.

Über Tipps, Vorschläge, Anregungen, Beispiele oder auch nur deine Meinung zum Layout würde ich mich sehr freuen.

s.o.

Fast hätt' ich es wieder vergessen - der Link zur Page: http://css.top-topics.com/index_sh.html

etwas grau, oder? Auf den ersten blick hätte ich aber gesagt, tabellen sind das da, sieht imho ganz typisch für solche seiten aus.

Wenn du nicht viel farbe reinmachen willst, würde ich persönlich zu hellem (weißem) hintergrund und zarten grautönen (z.B. für trennlinen (css->border), Links, usw.) empfehlen. Oder vergleichbares. Dies ist natürlich nur eine Richtung, man kann das ganze auch ganz anders machen, als 08/15 weiß mit dezenten Designelementen.

So oder so noch einen schönen Sonntagabend!

ja, ich habe meine Doktorarbeit heute abend endlich fertigbekommen. D.h. den Entwurf, der überarbeitet ist und nur noch richtig abgeschrieben werden muss. 15 Seiten in engster Schrift :)

Gruß,

Sven