Das versteh ich nicht. Muss ich wahrscheinlich auch nicht.
Schau her...
CSS Auszug
/* Formatierung Verlauf Button Normal-Ansicht*/
.navigation b {display:block; overflow:hidden; height:1px;}
.navigation b.p1 {background:#0CF; margin:0px 5px;}
.navigation b.p2 {background:#B0B0B0; border:2px solid #0CF; border-width:0 2px; margin:0 3px;}
.navigation b.p3 {background:#999; margin:0 2px; border:1px solid #0CF; border-width:0 1px;}
.navigation b.p4 {height:2px; background:#797979; margin:0 1px; border:1px solid #0CF; border-width:0 1px;}
.navigation b.p5 {background:#A3EBFA; margin:0 5px;}
.navigation b.p6 {background:#5ADAF5; margin:0 3px;}
.navigation b.p7 {background:#42D6F4; margin:0 2px;}
.navigation b.p8 {height:2px; background:#21CEF3; margin:0 1px;}
/* Formatierung Verlauf Button Rollover-Ansicht*/
.navigation li:hover b.p2, .navigation a:hover b.p2 {background:#DBDBDB;}
.navigation li:hover b.p3, .navigation a:hover b.p3 {background:#C0C0C0;}
.navigation li:hover b.p4, .navigation a:hover b.p4 {background:#B1B1B1;}
Da wird Streifen für Streifen ein Verlauf aufgebaut. Sieht halt schön aus.
Wenn du auf Rollover Menüs gehst wirst du sehen, dass bei Überfahren ein Rechteck in GRAU markiert wird und ein Abgerundeter Verlauf unten und oben von BLAU in WEISS da ist, der die Farbe nicht ändert. p5 bis p8
Ich noch mal in deinen QuÄltext geguckt. Wenn du wirklich noch am Anfang stehst, verzichte auf Tabellenlayout. Fang von vorn an, ohne Tabellen zur Gestaltung zu missbrauchen.
Ich bin, wie so viele anderen... Und gehe den Weg des geringsten Wiederstandes. :-) Die Positionierung fällt mit den Tabellen viel einfacher.
Werde mich da noch genauer reinarbeiten, hab aber leider momentan nicht die Zeit dafür. Momentan zählt für mich das Endergebniss. Und sobald alles läuft kann ich mich an die Optimierung machen...
Aber jetzt zu dem eigentlichem Problem...
Eine Idee wie ich die Hauptnavigation in den Vordergrund kriege?