Probleme mit div bereichen

[Nico]

Hallo Julian,

das ist m.E. zu kompliziert gedacht (und außerdem stark fehlerhaft; s.u.). Geh z.B. so vor:

1. HTML-Code:
<ul id="navigation">
<li><a href="link1.html"><span>Linktext 1</span></a>
<li><a href="link2.html"><span>Linktext 2</span></a>
<li><a href="link3.html"><span>Linktext 3</span></a>
</ul>

2. Bilddatei:
Erzeuge _eine_ Bilddatei, die links die linke abgerundete Ecke hat, rechts die rechte abgerundete Ecke und in der Mitte eine ruhig 200px oder 300px lange Gerade. Achte darauf dass sie genügend hoch ist.

3. CSS-Formatierung:
#navigaton a { background: url(hintergrund.jpg) 100% 0% no-repeat;
  display: block; }
#navigation a span { background: url(hintergrund.jpg) 0% 0% no-repeat;
  display: block; }

Da musst du bestimmt noch ein bisschen dran feilen. Aber so ungefähr dürfte es funktionieren.

Ferner solltest du darauf achten, valides HTML zu schreiben. Der W3-Validator findet 11 Fehler.

Ciao

Nico