nicht angemeldet
navigation
hi folks,
ich arbeite grad an einem neunen design für meine seite.
auf der seite http://www.taw.de habe ich ihre navigation (links) gesehen.
da ich etwas dergleichen auch gerne hätte würde mich interessieren worauf diese navigation aufbaut und wie sie funktionirt.
vielen dank schon mal für event.antworten
mfg
mzet
-
hiho,
ist das jetzt eine scherzfrage ;-) ?
das sieht im einfachstem fall nach tabellen aus, was ein blick in den quellcode auch verrät.die navigation wird für jede seite eigens generiert, hierbei wohl durch ein cms-system. was für dich im grunde heisst, für jede seite deiner website müsstest die navigation (inkl.- subnavpunkte) immer manuell erstellen.
die fabrwechsel sind ganz normale css-pseudo-formatierungen, deren beschreibung du hier findest: http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm
gruß hein
-
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