css Navigation, Linien setzen

[Rolf B]

Hallo Pit,

die Trennlinien bekommst Du mit

.navButton {
     border: none; 
     border-left: 1px solid #cecece;
}
.navButton:first-of-type {
     border: none; 
}

Bei deinem Markup funktioniert auch das hier:

.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