CSS nuoroda

Dabar meniu yra toks:

 | Main | Services | Contacts

Kaip padaryti, kad būtų toks:

 | Main | Services | Contacts |

arba

Main | Services | Contacts

Dabartinis kodas css:

.meniu a {
border-left:	1px solid #4b4b4b;
padding: 		.30em 1.35em;
text-decoration:none;
}

Jei padarau border-right, tada brūkšnys atsiranda iš galo, o priekyje nėra, kaip padaryti, kad būtų ir priekyje ir gale, arba nei gale, nei priekyje?

Mano patarimas, idek dar viena menu itema be teksto ir tada pades bruksni. O bandei?

.meniu a {
border-left:	1px solid #4b4b4b;
border-right:	1px solid #4b4b4b;
padding:		 .30em 1.35em;
text-decoration:none;

border-right:	1px solid #4b4b4b;

Buvau parašęs taip, taip atsiranda ir pabaigoje, tačiau viduryje esantys | padvigubėja, ir tai labai krenta į akis..

Pakutiniam meniu elementui priskirk klasę .last

tada visiem meniu elementam dedi

border-left:1px solid #4b4b4b;

o klasei .last

border-right:1px solid #4b4b4b;

Nieko mandriau nesugalvosi

Taip, dabar padariau su class-"last", veikia.

O kaip tai ant WP meniu aprašyt, nes dabar ranka surašytas meniu, kai įsiterpė last.

Pasidariau, taip:

Main | Services | Contacts

		<ul class="meniu">
		<li><a class="bruks" href="#">Main</a></li>
		<li><a class="bruks" href="#">Services</a></li>
		<li><a  href="#">Contacts</a></li>
	</ul>

Kaip padaryti, kad WordPress`as taip rodytų? T.y. kaip parašyti, kad rodytų su šitu:

<?php wp_list_pages('title_li'); ?>

Reik wp_list_pages() funkciją redaguot turbūt. Arba neišeitų padaryt, kad ant visų daryt tik border-left, o ant galo dadėt tiesiog vertikalų brūkšnį, kaip borderis atrodys ir visad gale bus?

CSS

ul li { border-left: 1px solid #4b4b4b; }
ul li:first-child { border-left: 0; }