an: Beta Verson

Beitrag lesen

Hi!

Schon ganz ordentlich. Der Rest ist einfach:

1. Korrigiere den Doctype. < http://validator.w3.org/check?charset=%28detect+automatically%29&doctype=Inline&uri=http://www.juergen.at/~juppi/juppiweb/beta/start.html>
Hinweise: http://www.alistapart.com/stories/doctype/ oder siehe drittens.

2. Korrigiere die Styles. < http://jigsaw.w3.org/css-validator/validator?warning=2&profile=css2&uri=http://www.juergen.at/~juppi/juppiweb/css/design.css>
Hinweise: die generische Schriftfamilie heißt sans-serif, nicht "Sans Serif". Wenn du einem Selektor bloß eine Vordergrundfarbe zuordnest, solltest du zusätzlich noch background-color: transparent; hinzufügen. Vermeide doppelte Farben, vergebe unterschiedliche Farben für unterschiedliche Kontexte.

3. Im <body>-Element sind noch Pfui-Attribute aus HTML3. Benutze HTML Tidy http://www.w3.org/People/Raggett/tidy/, um das nach CSS umzuwandeln. (Der maßgebliche Parameter ist -c.)

> tidy -ic -f error.txt start.html > s1.html

oder mit Konvertierung nach XHTML (empfohlen):

> tidy -ic -asxml -f error.txt start.html > s1.html

Der Fehlerbericht wird in error.txt gespeichert. Tidy vergibt automatisch gültige Doctypes.

4. Nicht alles an die Border quetschen. ;) Setze ein wenig Padding hinzu, das erhöht die Lesbarkeit.