Hallo Pit, die Trennlinien bekommst Du mit ~~~css .navButton { border: none; border-left: 1px solid #cecece; } .navButton:first-of-type { border: none; } ~~~ Bei deinem Markup funktioniert auch das hier: ~~~css .navButton { border: none; } .navButton+.navButton { border-left: 1px solid #cecece; ~~~ Den Rahmen kannst Du z.B. verkleinern, indem Du das Form (also #navlinks) mit `display:inline-block` darstellst, dann ist es nur so groß wie nötig. Das nav Element geht dann aber immer noch (unsichtbar) über die ganze Breite; wenn das dein Layout nicht stört, ist es ok, andernfalls muss man nochmal überlegen. _Rolf_ -- sumpsi - posui - clusi

Hallo Pit, die Trennlinien bekommst Du mit ~~~css .navButton { border: none; border-left: 1px solid #cecece; } .navButton:first-of-type { border: none; } ~~~ Den Rahmen kannst Du z.B. verkleinern, indem Du das Form (also #navlinks) mit `display:inline-block` darstellst, dann ist es nur so groß wie nötig. Das nav Element geht dann aber immer noch (unsichtbar) über die ganze Breite; wenn das dein Layout nicht stört, ist es ok, andernfalls muss man nochmal überlegen. _Rolf_ -- sumpsi - posui - clusi

Hallo Pit, die Trennlinien bekommst Du mit ~~~css .navButton { border: none; border-left: 1px solid #cecece; } .navButton:first-of-type { border: none; } ~~~ Den Rahmen kannst Du z.B. verkleinern, indem Du das Form (also #navlinks) mit `display:inline-block` darstellst, dann ist es nur so groß wie nötig. Das nav Element geht dann aber immer noch über die ganze Breite; wenn dich das nicht stört, ist es ok, andernfalls muss man nochmal überlegen. _Rolf_ -- sumpsi - posui - clusi