Thomas Luethi: navigation

Beitrag lesen

Hallo,

ich arbeite grad an einem neunen design für meine seite.
auf der seite http://www.taw.de habe ich ihre navigation (links) gesehen.

Wie Du aus einer URL einen klickbaren Link machen kannst,
steht in der FAQ: </faq/#Q-19>

da ich etwas dergleichen auch gerne hätte würde mich interessieren worauf diese navigation aufbaut und wie sie funktionirt.

Guck doch in den Quelltext - steht alles drin, inklusive CSS!

Wenn Du die Pfeile meinst: Die sind wohl mit CSS als Hintergrundbild
fuer die einzelnen Tabellenzellen definiert.
(Ich hab nicht genauer hingeguckt, weil es mir eigentlich egal ist).

Vieles solltest Du aber gerade _nicht_ so machen wie taw.de:
* Mehrfach verschachtelte Tabellen sind nicht mehr zeitgemaess.
  _Eine_ Layouttabelle, um die Bereiche (Navigation, Content)
  zuverlaessig und "hassle-free" (deutscher Begriff willkommen)
  zu positionieren, ist IMHO voellig in Ordnung.
  Die Navigation an sich kannst Du z.B. mit einer <ul>-Liste machen
  und dann die <li>-Elemente mit CSS entsprechend formatieren,
  inklusive Hintergrundbild.
* CSS lagert man besser in eine externe Datei aus
   (spart extrem viel Traffic im vergleich zu <STYLE>-Bereichen
    in jeder einzelnen HTML-Datei)
* Deren URLs sind sehr, sehr haesslich (CMS-generierte,
   extrem lange zufaellige Buchstabenketten...)
* 122 Fehler in 878 Zeilen Code: http://validator.w3.org/check?uri=www.taw.de
* zweimal <head>...</head>, zweimal <body...>
* im ersten <body> nur Vorder- und Hintergrundfarbe, aber keine
   Linkfarben angegeben
* und so weiter. Wirklich kein Vorbild.

Gruesse,

Thomas