nicht angemeldet
Hallo,
Das Tabellenlayout kann an manchen Stellen noch effektiver umgesetzt werden. Warum beispielsweise haben die Tabellen in der linken Navigationsspalte jeweils eine dritte Spalte mit <td> </td> bzw. einem 13px-Spacer? Die Trennung in mehrere Tabellen leuchtet mir auch nicht ein. Die Grafiken http://www.gko-clan.de/v4/Bilder/clan_unten.jpg und http://www.gko-clan.de/v4/Bilder/contact.jpg stehen z.B. direkt untereinander und bilden eine Einheit:
<img src="http://www.gko-clan.de/v4/Bilder/clan_unten.jpg" border="0" alt="">
<img src="http://www.gko-clan.de/v4/Bilder/contact.jpg" border="0" alt="">
Durch die mehreren Tabellen werden sie aber auseinandergerissen. Im Code (bearbeitet):
...
<tr>
<td colspan="2"><img src="Bilder/clan_unten.jpg" width="196" height="34" alt="" /></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="Bilder/contact.jpg" width="196" height="43" alt="" /></td>
</tr>
...
Warum sind es zwei Grafiken und nicht eine? Sie werden anscheinend nirgendwo anders verwendet.
Das gilt natürlich für alle Sektionsübergänge.
Ein anderer Punkt ist die Grafikwiederverwendung. Diese Bilder unterscheiden sich nur minimal voneinander:
<img src="http://www.gko-clan.de/v4/Bilder/stuff_bild.jpg" border="0" alt=""> - <img src="http://www.gko-clan.de/v4/Bilder/clan_bild.jpg" border="0" alt=""> - <img src="http://www.gko-clan.de/v4/Bilder/contact_bild.jpg" border="0" alt=""> - <img src="http://www.gko-clan.de/v4/Bilder/linksbild.jpg" border="0" alt="">
Vielleicht kannst du deinen Grafiker dazu bringen, die winzigen Unterschiede herauszunehmen. Dann könntest du eine hohe Grafik wie linksbild.jpg als Hintergrundbild in der linken Spalte benutzen. Sie könnte, wenn das Muster sauber ist, dann direkt an die Kopfgrafik der nächsten Navi-Sektion anschließen.
An anderen Stellen musst du dir einfach Gedanken machen, wie du den Code noch besser rationalisieren kannst. So grundlegende Sachen wie align="left" valign="top" lassen sich im Stylesheet für alle Tabellenzellen festlegen. Abweichen kannst du dann immer noch mit align-/valign-Attributen bzw. CSS-Klassen. Momentan machst du ja eher wenig Gebrauch von CSS. Wenn du die CSS-Verwendung generell ausbaust, könntest du den Code noch schlanker machen. Davon abgesehen ließe sich das HTML on-the-fly durch GZIP komprimieren. Mit PHP wäre das einfach mit dem Funktionsaufruf ob_start('ob_gzhandler'); vor jeglicher Ausgabe möglich. Wenn der Browser GZIP-Komprimierung unterstützt, wird der HTML-Code komprimiert gesendet.
Dann gibt es Details im Design, die sich im Code viel einfacher lösen ließen, würde man auf sie verzichten. Beispielsweise dass die den Meldungstext begrenzenden Liniengrafiken in eigenen Zellen untergebracht sind, damit die untere Linie nie neben dem Newsicon steht. Darauf ließe sich verzichten und es wären je zwei Zellen gespart, die Linien lassen sich in der Zelle mit dem Meldungstext unterbringen. Zugegeben, die zusätzlichen Zellen machen den Code nicht fett, es ist auch nur als Beispiel dafür gemeint, worauf du generell achten könntest, um insgesamt eine gute Performance zu erreichen.
Statt [<a href="...">27</a>] Comments würde ich den gesamten Text in den Link aufnehmen, also <a href="...">27 Comments</a>, das ist leichter anzuklicken.
Mathias