molily: so, jetzt dürft ihr bewerten

Beitrag lesen

Hallo, Fabian.

References: <?m=88152&t=15766> <?m=88170&t=15766>

Gut, dass ich jetzt darf. ;) Ich habe ja schon einige Anmerkungen gemacht... deshalb hier u.a. das, was ich gestern geschrieben habe, aber erst jetzt auf deinen Wunsch publiziere, weil an den von mir bemängelten Dingen hat sich nicht viel seit gestern geändert.

<faq/#Q-09a> -> auf <?m=88170&t=15766> bezogen - SCNR. :)

das mit ie_correct werde ich morgen erzählen. (warum keine _suboptimalen_ funktionen, für _suboptimale_ browser?)

Jaja, ich meinte auch den Aufbau der Funktion. Für irgendwas wird sie wohl gut sein, das habe ich nicht angezweifelt. Abgesehen davon solltest du die Illusion einer perfekten pixelgenauen interoperablen Darstellung vergessen. Solche Workarounds, die nachträglich am Boxmodell herumdoktern, weisen nur auf Fehler im Dokumentaufbau hin (imho).

if(document.all){document.getElementById("links_links_unten").style.bottom = "-3px";}
if(document.all){document.getElementById("links_rechts_unten").style.bottom = "-3px";}
if(document.all){document.getElementById("content_links_unten").style.bottom = "-3px";}
if(document.all){document.getElementById("content_rechts_unten").style.bottom = "-3px";}

Kauderwelsch!?! Zumindest:

if (document.all) {
 document.getElementById("links_links_unten").style.bottom = "-3px";
 document.getElementById("links_rechts_unten").style.bottom = "-3px";
 document.getElementById("content_links_unten").style.bottom = "-3px";
 document.getElementById("content_rechts_unten").style.bottom = "-3px";
}

Oder besser var ids=new array("links_links_unten", ...) und dann eine for-Schleife, die den Array durchläuft. *Genau* dasselbe findet man in allen deinen Funktionen: http://fabiantranschel.i-networx.de/menue.js - Das alles kann man viele "ökonomischer" und eleganter lösen, wenn man astrahiert und Kontrollstrukturen benutzt anstatt eine simple Stapelverarbeitung.

das mit skalierbar müsstest du mir nochmal erkären? meinst du damit die einheit em?

Momentan positionierst du alles pixelgenau und starr, sogar die Schriftgröße. Das lässt dem Benutzer aber keinen Raum, die Seite so anzusehen, wie er es gerne möchte, bspw. in einer lesbareren Schriftgröße oder einer größeren/kleineren Gesamtbreite, wenn der Bildschirm größer oder kleiner ist. 11px Schrifgröße kann ich auf meinem 15 Zoll-Monitor aus nicht einmal 70cm Abstand kaum erkennen, sodass ich instinktiv [0] für Vergrößern drücke. Im Mozilla wird leider nur der Text vergrößert, nicht die Breite der Layoutboxen.

Achja, ich bitte dich, auf -moz-opacity zu verzichten. Das ist - wie eigentlich immer - nichts als eine Spielerei, die das Navigieren bei mir (P133) unmöglich macht, weil es so rechenaufwendig ist, dass es den ohnehin lahmen Mozilla in die Knie zwingt. Ein schöner Effekt ist es, aber dadurch "hackt" Mozilla bei mir so als ob ich ein Flash-Filmchen abspielen würde. Wenn dir etwas an Interoperabilität liegt, solltest du das vielleicht beachten.

wollte nur noch was fragen: welchen browser verwendest du?

Die Tests habe ich mit Internet Explorer 6, Opera 6.03 und Beonex 0.8 (Gecko/20020603) gemacht. Habe gerade keinen Platz für den vollen Mozilla :) Bei 1,2 GB muss man Entbehrungen in Kauf nehmen...

was du gegen <div>s hast, verstehe ich nicht, zu behaupten, die seite hätte _keine_ struktur halte ich gelinde gesagt für quatsch.

Mit Stuktur meine ich, dass semantisches Markup benutzt wird, welches den Text hierarchisch nach Wichtigkeit ordnet und dessen Bedeutung (=Semantik) beschreibt. Ich sehe bspw. nicht eine Überschrift auf deiner Seite, "alles ist gleich".
Gegen divs habe ich nichts, aber ERST solltest du dem Dokument eine anständige HTML-Struktur geben und DANN die einzelnen Bereiche (Überschriften, Navigation, Inhaltsverzeichnis, Inhalt) mit divs markieren/umschließen um sie dann mit CSS zu positionieren (oder halt direkt mit ids).

<div id="bigheader">Fabian Transchels Homepage</div>

-> h1

Home Downloads Privat Games Witze Navigation Star Trek Links Webdesign Admin-Zone

Benutze Blockelemente oder wenigstens manuelle Breaks, die du per CSS verbirgst. Strukturiere die Navigationrubriken und die versch. Navigationen (seitenübergreifend/rubrikintern/seitenintern). Schalte im Opera einmal den Autorenstylesheet aus, dann siehst du das Tohuwabohu (okay, es ist eher ein heilloses Chaos als wüst und leer).

<div class="undermenue">
2002 © <a href="mailto:fabiantranschel@web.de?subject=Homepage" style="color:#FFFFFF; "><img src="grafiken/menmail.gif" border="0" alt=""> Fabian Transchel</a>
</div>

-> address. Evtl. würde ich den Hinweis komplett rausnehmen oder ggf. in den Seitenfuß aufnehmen.
Und bitte ersetze Copyright durch Copyless und All Rights Reversed. :)

<u>Home-Bereich</u>

-> Überschrift, meinetwegen h2.

<u>Vote</u>

-> Überschrift, meinetwegen h2.

<p class="contentheader">News</p>

-> Überschrift, meinetwegen h2

Das gleiche könnte man mit vielen anderen divs auch vollziehen. Wenn du p-Elemente anstatt div benutzt, dann sieht es auch ohne CSS einigermaßen strukturiert aus. Momentan klebt Alles zusammen. margin:0 lässt p wie div wirken.
Wieso du fast 30 divs benutzt, ist mir weiterhin unklar, so kompliziert ist das Layout auch nicht. Du brauchst nicht jedes Menübutton einzeln positionieren. (Wie Sven sagt, du "denkst in Tabellen".)

Und wenn du schon versuchst, valides HTML zu schreiben, dann versuche wenigstens, auf Markupperversitäten wie center zu verzichten. :) (Hat Sven auch schon bemängelt, bei mir löst das ebenfalls Würgereiz aus.)
Wieso schreibst du die Seiten eigentlich "nur" in HTML 4.01 Transitional?
Achja, was ist "Kompabilität" (siehe index.php)? - Das kommt von "kompatibel" und nicht "kompabil" oder gar "debil" - in den meisten Fällen zumindest. :)

Was mir noch auffällt, sind die Grafiksymbole am Dokumentende - die könntest du ein wenig größer machen, sodass sie besser erkennbar sind.

Den Seitenkopf mit dem FT-Logo, der Navigation und dem Schriftzug finde ich zu hoch, der nimmt bei 800*600 den halben Bildschirm ein und enthält quasi nur leere Flächen. Von den Proportionen her ist es aber stimmig mit der Breite der Navigation links (ein "Quadrat" oben links und Rechtecke die sich von da aus mit derselben Breite/Höhe nach rechts und unten bewegen). Da solltest du ein Kompromiss finden.

Ich finde die Navigation unübersichtlich... gefällt mir irgendwie nicht, ich kann aber nicht präzisieren wieso. Ich komme wohl mit den zwei verschiedenen und andererseits gleichen/doppelten Navigationen nicht klar.
Als ich zuerst auf die Seite kam, dachte ich intuitiv, dass die Navigation links ein Äquivalent zur obigen wäre oder mutmaßte, die linke sei eine seiteninterne Navigation.

Den "Roman" (so lang ist er wohl nicht, dass man ihn in diese Literaturgattung einordnen könnte) könntest du in einem plattformübergreifenen Format anbieten. Dieses literarische Projekt rezensiere ich jetzt einmal nicht... :)

http://fabiantranschel.i-networx.de/index.php?page=webdesign_referenzen -> "standardisirt"

Was mich aber wirklich wütend macht ist: "Bullet-In Board" (http://fabiantranschel.i-networx.de/index.php?page=webdesign_referenzen) *grrrrr!!!1* Ist das Absicht oder freudsche Fehlleistung? :)

Btw, was ist Lasagne al Forno? Würde mich interessieren, vielleicht sollte ich mal googlen.
Hast du kein Alter? http://fabiantranschel.i-networx.de/index.php?page=steckbrief Kein Vorwurf, sollte dir nicht unterstellen, du verbirgst es aus Scham, schließlich steht dein Geburtsdatum dort... wenn ich darüber nachdenke, was für Webseiten ich in deinem Alter gebaut habe... uiui, ich beneide dich. :)
Achso, es ist clientseitig generiert, na, wozu gibt es PHP bzw. noscript.

So... das war es erstmal, denn über den in meinen Augen dürftigen Inhalt habe ich schon etwas gesagt. :) Du spielst Schach? Darüber könntest du bspw. ausführlicher berichten. (Denn ich habe den Anspruch/die Überzeugung, dass persönliche/private Homepages vor allem detaillierte Informationen über Autor enthalten sollten.) Wenn du für Unbegabte wie mich eine kleine Einführung in diesen Denksport zaubern würdest, wäre die Seite für mich sogar einen Besuch wert. ;) Okay, genug Unfreundliches gesagt, entschuldige.

Mathias