Separator (pionowa kreska rozdzielająca nazwy w menu)

[BeamBear]

sposobów masz kilka, dwa najpopularniejsze, są takie:
1. Każdy element w poziomym menu zamykasz w jakimś pudełku, a potem temu pudełku nadajesz jednostronny border.
HTML

Kod:

<div id="menu">
<span id="menu1">menu1</span><span id="menu2">menu2</span><span id="menu3">menu3</span>
</div>

CSS

Kod:

#menu1
{
border: none;
}
#menu2, menu3
{
border-left: thin solid #000000;
border-left-width: 1px;
}

Druga metoda - robisz sobie obrazek wysoki na piksel (jeśli chcesz mieć linię oddzielającą jendolitą) lub na dwa (jeśli chcesz mieć kropkowaną) i szeroki na długość elementu menu. Zamalowujesz najbardziej skrajny piksel na kolor który chcesz, a potem - ustawiasz w css taki obrazek jako tło dla elementu menu, z powtarzaniem w osi Y.

Może mi się wydaje, ale ten temat chyba się już pojawił na tym forum...