Brauche Hilfe bei Class selector

[Fisker31]

Ich versuche eine Navigation zu erstellen. Jeder Link in der Navigation hat margin-right: 8px;, damit zwischen den Links immer ein wenig Platz ist.
Bei dem letzen Link soll dieser entfernt werden, also habe ich versucht <li class="noborder"> einzubinden. Allerdings funktioniert das nicht, kann mir jemand dabei helfen?

<div id="navi">    <ul>
      <li><a href="#">Start</a></li>
      <li><a href="#">How 2 Play</a></li>
      <li><a href="#">Forum</a></li>
      <li><a href="#">Live Map</a></li>
      <li class="right"><a href="#">Impressum</a></li>
    </ul>
  </div>

#navi {    overflow: hidden;
}
#navi li {
    float: left;
    list-style-type: none;
}
#navi a {
    display: block;
    text-align: center;
    height: 25px;
    padding-top: 5px;
    margin-right: 8px;
    padding-right: 12px;
    padding-left: 12px;
}
#navi a:hover {
}
#navi li.noborder {
    margin-right: 0px;
}

 

[toney]

<div id="navi">    <ul>
      <li><a href="#">Start</a></li>
      <li><a href="#">How 2 Play</a></li>
      <li><a href="#">Forum</a></li>
      <li><a href="#">Live Map</a></li>
      <li [B][COLOR=#ff0000]class="right"[/COLOR][/B]><a href="#">Impressum</a></li>
    </ul>
  </div>

Vielleicht solltest du das Ding auch so nennen wie im CSS ;)
<li class="noborder"><a href="#">Impressum</a></li>

 

[xXxPeterPanxXx]

Im HTML Code hat das letze <li> class="right", in CSS willst du das Element mit noborder ansprechen, dass kann natürlich nicht funktionieren.

EDIT: Da war jemand schneller als ich :)

 

[Fisker31]

Vielleicht solltest du das Ding auch so nennen wie im CSS ;)
<li class="noborder"><a href="#">Impressum</a></li>

Daran liegt es nicht, die Zwischenablgae war noch die bevor ich die class noch geändert habe.

 

[xXxPeterPanxXx]

Ein anderer Fehler ist so nicht zu sehen.

Du müsstest uns schon einen Link geben.

 

[T!P-TOP]

So müsste der Abstand weg sein :

#navi li a.noborder { margin-right: 0px; }

 

[threadi]

Moderne Browser unterstützen auch dies hier:

#navi li:last-child a { margin-right: 0px; }

 

[Fisker31]

So müsste der Abstand weg sein :

#navi li a.noborder { margin-right: 0px; }

Es funktioniert! Vielen Dank an alle die geholfen haben!