Sry, aber die Seite geht GAR NICHT:
Design: 6
Code:6
Inhalt: 6
Also von richtiger Farbgestaltung scheinst du noch nie was gehört zu haben, von HTML und Co anscheinend auch nicht.
Verbesserungsvorschläge:
- sinnvoller Inhalt
- mal nen Design und nicht sowas da
- sich vllt mal HTML und CSS-Kentnisse zulegen und nochmal machen
- Deine Signatur mal naja.. normal machen.. das sieht ja aus wie in der 1. Klasse Oo
Du benutzt float also musst du auch "clearen" 
einfach folgendes mal einfügen hinter dem </ul>
<div style="clear:left"><!-- # --></div>Hier nochmal ne kleine Möglichkeit mit CSS3 Ist nicht zu 100% sauberer Code glaub ich, hab ich auf die schnelle gemacht gehabt um Tobse zu zeigen was möglich ist
http://cy.bad-admin.de/CSS3_test/
@Pion
Ich denke mal es ist allen hier bewusst, dass HTML5 und CSS3 noch lange kein Standard ist, allerdings ein wichtiger Fortschritt zur effizienten und einfachen Gestaltung und Strukturierung des WWW.
Auch was die Semantik betrifft kommen in HTML5 einige neue sinnvolle Elemente dazu, zusätzlich werden "Flashplayer" nach und nach verdrängt werden, was ich gut finde, da diese doch einiges an CPU Leistung kosten. Ganz zu schweigen von der striken Trennung von Design und Inhalt im Code.
Tobse
Das was ich dort gebaut habe, sind eigentlich nur 3-4 Neuerungen aus CSS3 also nur ein kleiner %-Satz von dem was CSS3 zu bieten hat
versuch mal "strg" oder "shift" dabei gedrückt zu halten ist meistens so das du damit punkte auf die gleiche höhe bekommst
Hab hier mal was gebaut, um zu veranschaulichen was so alles mit CSS3 möglich ist
Also ich denke bezüglich CSS, ist CSS3 ein großer Fortschritt, leider wird es noch ein paar Jahre dauern bis man es als Standard bezeichnen kann.
Vor allem die "Pseudo-Elemente/Klassen/Links" sind von großem Nutzen, ich sage nur:
:before
:after
:not
:target (sehr cool)
:empty
:nth-child (in verbindung mit odd oder even
:nth-last-child
:nth-of-type
:nth-last-of-type
:last-child
:enabled, :disabled, :checked
usw.
dazu kommen ja noch die Attributselektoren, die in Verbindung mit content und counter, sowie :before und :after sehr sehr cool sind.
Das ist jetzt mal nur ein kleiner Teil von CSS3, es gibt ja noch runde Ecken oder multiple Backgrounds und was ziemlich nützlich ist sind die Animationen
Zu deiner Anmerkung mit den Selektoren, schau dir mal meine CSS-Gallerie+Lightbox an, dann weisst du das es nützlich ist
(Link muss ich eben mal suchen)
Kann ich bestätigen das Macbook's generell ziemlich heiß werden, mein macbook pro musste ich deswegen schon "umbauen" -> kommt häufiger mal vor das die isolierung der wärmesensoren an der heatpipe anschmelzen und man nen kurzen bekommt 
macbook air wird auch ziemlich heiß, speziell bei flash videos 
Also "Acer" ist nicht schlecht
Ja Safari und Chrome interpretieren die Pseudoklasse ":focus" etwas anders, da muss mal halt die linke Maustaste gedrückt halten, ich muss mal schauen ob ich da nen Trick finde das zu umgehen
sehr schick, aber chrome sollte schon unterstützt werden, oder?
Das weiss ich nicht genau aber ich denke dochmal, aber es könnte evtl. Probleme mit dem :focus geben glaube ich, so wie im Safari auch
Wieder mal eine kleine CSS-Spielerei. Funktioniert soweit eig supi:
Also dieses "Dropout" ist mit CSS möglich, du kannst dann sogar wie wild i wo rumklicken, allerdings ist die Frage für welche Browser du es haben willst.
Zu dem table -> a problem, die Tabelle muss ja nicht zwingend in dem Link drinstehen, man kann mit CSS ja auch nachbar-elemente und so ansprechen
Habs jetzt nur kurz angeschaut, aber ich denke das das Problem bei der "padding"-Eigenschaft liegt, da der IE6 bei floats gerne mal den margin und padding verdoppelt.
Ein "display:inline" sollte hier abhilfe schaffen. -> nimm dazu einfach den "star-html"-hack
also :
* html #div_id {display:inline}
Kleiner Tipp, im Startpost ist der Link zu deiner Homepage falsch gesetzt, es muss Werbung heissen und nicht Webung 
Nur privat, da ich wirklich noch eine Menge lernen muss, bevor ich auch nur i wie Aufträge machen kann
Und mal wieder eine Zeichnung (Habe nochmehr, aber die mag ich nicht veröffentlichen // sind private zeichnungen :P)
Arbeitszeit: ca. 65 min. 
(ja schule is langweilig :P)
Ehm Thonixx, es ist sehr wohl möglich mit nur einer Grafik, buttons zu erstellen die in der Breite Variabel sind.
http://www.smashingmagazine.com/2009/04/27/the…-and-tutorials/
http://mezzoblue.com/archives/2009/01/27/sprite_optim/
http://sixrevisions.com/css/30-excepti…ion-techniques/
http://kailoon.com/css-sliding-door-using-only-1-image/
PS: Du glaubst gar nicht wozu CSS so alles fähig ist 
http://www.cssplay.co.uk/menu/amazing.html#nogo
http://www.romancortes.com/blog/pure-css-coke-can/
http://www.romancortes.com/ficheros/scroll_down.html
http://www.romancortes.com/ficheros/hanoi.html
Also ich würde aber noch sagen, das es i wie überflüssig ist die Texturen in DIVs zu stecken, unnötig viel DIVs
Ich würde die einfach in eine Liste stopfen, da es ja eine "Auflistung" von Texturen ist.
Zudem gehören inputs generell in einen Absatz.
Das class attribut "topBtn" kann man sich auch sparen, da sie ja alle damit versehen sind
Das class Attribut "textur" kann man sich dann auch sparen
Du kannst wenn du magst mir mal die benötigten Bilder senden, dann baue ich dir das zusammen.
Tobse was du da baust ist echt nicht optimal, ich habe das gefühl du liebst es DIVs in Massen zu benutzen.
Mal davon abgesehen können ältere Browser keine "div"-Elemente hovern.
naja, ich könnte was bauen aber habe gerade keine Zeit, hier ein Hinweis[Tobses Prinzip ist von der Idee her schon richtig]:
.outer_button {}
.outer_button a {display:none;}
.outer_button:hover a{display:block;}
.outer_button a:hover{}