Grundsanierung des HTML-Codes (inkl. CSS)

Hallo Stephan,


vielen Dank für Deinen Hinweis. Wir haben die "Sanierung" des HTML-Codes bereits auf unserer Todo-Liste, aber im Moment mangelt es uns einfach an der nötigen Zeit, um solche umfangreichen Arbeiten durchzuführen.

Hauptsache die Optik gewinnt mal, das sieht ja schon seit Jahren aus wie Windows 3.1 hier

Finde die Optik gut, eine der wenigen Websites die ohne bunte 3d-Buttons auskommt.
Schlimmstes Beispiel ist derzeit IMO tv-info de, das wurde optisch aufgewertet..aber zum Glück gibt es nen Link zur klassischen Ansicht, bei der man sich deutlich besser und schneller zurechtfindet.
logo_top und logo_bottom können von mir aus mal neu gestrichen werden.. aber sonst?!

Und Platz für ein paar neue Smilies is ja auch noch vorhanden.

Was die Benutzbarkeit angeht, hätte ich nen Vorschlag, und zwar betrifft es das quote.
Man kann nämlich nicht aus zwei Beiträgen quoten (bzw von verschiedenen Usern). Da fände ich es gut, wenn es ein quote1, quote2 etc gäbe, das direkt ins Eingabefeld kopiert wird.
Also falls das schon möglich ist und ich mich einfach zu blöd anstelle, bitte mal ne Erklärung.

Hallo lunic,


zum Quoten: Beim Erstellen einer Antwort findest Du unten neben jedem Nickname eine Sprechblase. Wenn Du darauf klickst, wird der jeweilige Beitrag zitiert.

hj schrieb:

Hallo lunic, zum Quoten: Beim Erstellen einer Antwort findest Du unten neben jedem Nickname eine Sprechblase. Wenn Du darauf klickst, wird der jeweilige Beitrag zitiert.

Hey es funktioniert! Danke schön.
Komm mir vor wie im Bonuslevel. ^^

Also zu den Logos:

Wenn ihr mir sagen könnt was genau ihr braucht (Bildtyp, Auflösung, Masse) wäre es mir eine Freude wenn ich mal n'paar Stunden Zeit habe etwas schönes zu designen. PM't mich

Firestorm6X6 schrieb:

Masse

Maße

Stell doch mal eine Probe rein, würde mich mal interessieren was du aus dem ollen Logo rausholst.

So, ich will auch mal wieder meckern! Von der Optik mal abgesehen, ist die Gestaltung einfach schlecht. Die Schriftarten sehen fürchterlich aus, wenn man nicht gerade einen normalen Windows-Rechner benutzt.

Hier mal ein Screenshot:



Andere Homepages werden so gerendert, dass sie eben sehr gut aussehen. Nicht so wie unter Windows aber das wollte ich gar nicht. Auf alle Fälle kann man sehen, dass hier teilweise die Schriftarten falsch gewählt sind, so dass einige größer bzw. kleiner als erwartet erscheinen. Auch der Oberpunkt "Galerie" ist falsch formatiert und sieht nur bei einer bestimmten Konfiguration richtig aus.

So wird übrigens ein aktuelles phpBB bei mir gerendert:



Nicht, dass ihr denkt, ich hätte irgendwelchen merkwürdigen Einstellungen an meinem Rechner...

PS: Wegen mir kann die Optik ruhig so bleiben aber die Schriftarten sollten schon richtig gewählt werden. Und alleine schon Überschriften mit Unterstrich sind mir ein Graus. Das muss man anders lösen.

PPS: Beim Punkt "Galerie" hapert's nur daran, dass direkt im Quellcode vo HTML die Formatierung gemacht wurde und der Rest über andere Geschichten.

Naja, das müsste man wohl alles komplett neu machen... Audiophilanthrop hat ja schon etwas erarbeitet was man sich in den Browser laden kann aber so richtig weit kommt man damit auch nicht. Es mangelt einfach an Struktur würde ich sagen

Hab' doch nochmal ein bisschen gemacht. Alleine, wenn man die Unterstreichungen und den Fettdruck ein bisschen reduziert, sieht die Seite doch schon ein bisschen angenehmer aus.

Vorher: http://i41.tinypic.com/k2ftow.png

Nachher: http://i40.tinypic.com/2cdj3fo.png

Hallo,

Alles, was unterstrichen ist, ist anwählbar. Ich empfinde das als sehr angenehm. Und "Probleme" mir der Darstellung (IE7) gibt es bei mir auch nicht.

Grüsse aus OWL

kp

kptools schrieb:

Hallo, Alles, was unterstrichen ist, ist anwählbar. Ich empfinde das als sehr angenehm. Und "Probleme" mir der Darstellung (IE7) gibt es bei mir auch nicht. Grüsse aus OWL kp

Das mag sein. Generell ist die Idee mit den Unterstreichungen auch nicht verkehrt aber es ist auch ein bisschen zuviel. Ist Geschmackssache, das stimmt.

Der Rest ist aber keine Geschmackssache, denn die Struktur der Seite ist nicht mehr zeitgemäß und verursacht Probleme. Es ist halt "gewachsen" und funktioniert einigermaßen gut.

Ein echtes Problem ist übrigens die Forenübersicht, denn zumindest bei mir gibt es eine feste Breite. Benutzer mit kleinen Bildschirmen haben dann ein Problem.

Und generell wäre ein Neustrukturierung mit massivem CSS-Einsatz sehr sinnvoll, um die Seite mit Geräten mit kleinen Displays ordentlich anzeigen lassen zu können. Von sehbehinderten Benutzern mal ganz abgesehen... Textbrowser sind das Stichwort.

PS: Mist, dank Tabellen funktioniert das doch ganz gut Aber Tabellen sind zur Anzeige von Daten gedacht und nicht, um eine Website zu strukturieren.

Hab' nochmal was nachgearbeitet: http://i44.tinypic.com/jkdd3q.png

Einige Unterstreichungen sind dann noch vorhanden aber eben nicht alle. Wen's interessiert:

/* Hifi-Forum für Zuglufttiere User-Stylesheet, in Firefox und Seamonkey am komfortabelsten einzubinden über die Erweiterung "Stylish", alternativ auch über userContent.css in %Profilverzeichnis%\chrome. In Opera Einbindung als sitespezifischer Stil, ohne @moz-document domain(...) {}. */ @-moz-document domain(hifi-forum.de) { .kat { text-decoration: none !important; } .forumlink { text-decoration: none !important; } .small { font-size: 0.95em !important; font-weight: normal !important; text-decoration: none !important; } .thsmall { font-size: 0.95em !important; text-decoration: none !important; } .norm { font-size: 1em !important; font-family: sans-serif !important; text-decoration: none !important; } td, span.quote, .forumlink { font-size: 0.95em !important; text-decoration: none !important; } .tbar .norm { font-size: 0.95em !important; text-decoration: none !important; } a { font-family: sans-serif !important; } .topiclink, .topiclink a { font-weight: bold !important; text-decoration: none !important; font-size: 1em !important; font-family: sans-serif !important; } }

Sieht für mich insgesamt dann ein bisschen harmonischer aus Ist aber jetzt auch nur mit Firefox unter FreeBSD getestet. Unter Windows ist die normale Einstellung auch ja wunderbar. Probleme gibt's ja erst, wenn man andere Schriftarten verwendet oder sonstige "unnormale" Einstellungen hat.

zuglufttier schrieb:

Der Rest ist aber keine Geschmackssache, denn die Struktur der Seite ist nicht mehr zeitgemäß und verursacht Probleme. Es ist halt "gewachsen" und funktioniert einigermaßen gut.

Nicht zuletzt allerdings der Fehlertoleranz gängiger Browser wegen. Der arme HTML-Validator kriegt bald 'nen Herzkasper. Teilweise scheint da der Code schlichtweg falsch modularisiert worden zu sein, bei solchen Include-Geschichten immer potentiell möglich. Wenigstens derartiges sollte man mal korrigieren.

Eines der übelsten Beispiele in der Richtung ist sicher die Elektrobucht - DIV-Suppe *und* verschachteltes Tabellengewusel (natürlich nicht gerade fehlerfrei), da bekommt "gewachsener Code" gleich eine ganze neue Bedeutung. Wundert mich, daß der Salat überhaupt noch irgendwie wartbar ist. Solange der Umsatz stimmt, werden die aber sicher einen Teufel tun und daran was ändern.

zuglufttier schrieb:

Und generell wäre ein Neustrukturierung mit massivem CSS-Einsatz sehr sinnvoll, um die Seite mit Geräten mit kleinen Displays ordentlich anzeigen lassen zu können.

Wobei mir da vorher noch ganz andere Argumente wie das umständliche / kaum mögliche Styling einfallen würden, siehe Ausgangspost.

zuglufttier schrieb:

PS: Mist, dank Tabellen funktioniert das doch ganz gut Aber Tabellen sind zur Anzeige von Daten gedacht und nicht, um eine Website zu strukturieren.

Im Endeffekt wird man das ganze wohl am besten mit irgendwelchen anderen Blockelementen und display:table etc. nachbauen. Hat bei geeigneter Strukturierung natürlich den Vorteil, daß man das ganze bei Bedarf auch beliebig anders darstellen lassen kann, ohne mehr als das Stylesheet umschmeißen zu müssen.
Problem dabei: Solange wir noch den IE <=7 an der Backe haben, ist das schlichtweg nicht drin, denn der kann kein display: table. (Auch beim 8er muß man wohl darauf achten, daß er nicht im 7er-Modus betrieben wird.)

In Maßen und mit Bedacht eingesetzt, sind Tabellen m.E. gar nicht so daneben. Ist ja nicht so, daß man fürs HF nennenswert mehr als eine Ebene bräuchte, nur gelegentlich gibt's mal zwei. Mit rein optisch motiviertem Schachteltabellen-Spacer-GIF-Wust wie anno 1999 hat das ganze doch recht wenig zu tun. Nur aufgeräumt werden müßte halt mal. (Erinnert mich an meinen Schreibtisch... :.)

Ach ja, wo ich gerade die neuen Amazon/JPC-Funktionen ausprobiert habe, da wäre noch dieses alte Problem:

Irgendwas skaliert da nicht mit.

Dabei geht's ja ganz offensichtlich auch anders:

Ist nur ein optischer Makel, aber trotzdem.