Hallo,
aber ich würde gerne mal nen vorher, nacher Vergleich machen. Kann ich irgendwie die ware Grösse für das ausliefern einer Seite ermitteln (dann würde ich einmal die kompression weglassen und einmal mit kompression arbeiten).
Die genannte Seite ist ohne Komprimierung 200 und mit Komprimierung
10KB groß. Die Größe der Seite steht im Firefox unter
"Extras - Seiteninformationen".
http://www.startrek-bilder.de/sta/index.sta?pid=17000&show=Morn
Hier ein paar Tipps:
Verzichte auf Inline-styles (style=""), verwende Klassen und
Nachfahrenselektoren in der externen CSS-Datei.
Verzichte auf Attribute wie bgcolor, text, background, width, height,
align cellpadding, cellspacing, border, valign, bgcolor.
Verwende stattdessen die CSS-Entsprechungen.
Verwende semantisches Markup. Das Menü ist keine Tabelle, sondern
mehrere Listen in einem div-Element.
z.B.:
<div id="menue">
<ul>
<li><a href="">Menüpunkt</a></li>
<li><a href="">Menüpunkt</a></li>
<li><a href="">Menüpunkt</a></li>
</ul>
</div>
Den :hover Effekt bekommst du dann so:
#menue li:hover {
list-style-image: url(foo.jpg);
}
für Browser[tm]
oder:
#menue a {
padding-left: $breite_des_hoverBildes
}
#menue a:hover {
background-image: url(foo.jpg)
background-repeat: no-repeat;
}
Das ist wesentlich einfacher und traffic-sparender als das font-Konstrukt.
Versuche, valides HTML zu schreiben.
und drittens _alles_ was mit der Gestaltung zu tun hat mit CSS regeln.
Hmm, meine css Kentnisse beschränken sich im Moment leider auf Schriftgestaltung (und das habe ich auch verwendet). Aber ich bin gerne bereit mich auf weiteres Wissen einzulassen...
Du kennst ja SelfHTML...
Gruß
Alexander Brock
--
SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:? ss:| de:> js:( ch:| sh:( mo:} zu:}
http://againsttcpa.com