#footer .menu .ende{ <- falsch, aber was?

[Matthias Apsel]

Om nah hoo pez nyeetz, Thomas aus HH!

Ich möchte ein Menü erstellen, und der letzte Bereich soll ohne Aussenbegrenzung sein (Border)

<span class="menu">titel</span>
<span class="menu">titel</span>
<span class="menu">titel</span>
<span class="menu">titel</span>
<span class="ende">titel</span>

Ein Menü sollte eine Liste sein.

<ul id="menu">
  <li><a href=...>titel</a></li>
  ...
</ul>

oder in HTML5 <nav> statt <ul id="nav"> und <footer> statt <div id="footer">

mit display: block wirst du allerdings nicht das Nebeneinanderstehen erreichen. --> display: inline-block (oder float)

Dann sollen zwischen den Links senkrechte Striche sein.

Gib allen li-Elementen einen rechten Rahmen

#menu li {border-right: 5px solid gold;}

und dem letzten keinen

#menu li:last-child {border-right: 0 none;}

oder allen einen linken Rahmen

#menu li {border-left: 5px solid gold;}

und dem ersten keinen

#menu li:first-child {border-right: 0 none;}

so hast du auch noch den IE 7 befriedigt.

Matthias