Witam,

Zrobilem menu na zasadzie poziomej listy <li>.
Chce pomiedzy linkami (czyli pomiedzy kazdym elementem <li> wstawic pionowa kreske oddzielajaca (jako grafika).
Liczba punktow LI jest nieznana (menu zmienia sie dynamicznie).
Problem w tym jezeli zrobie odpowiedni styl dla LI, ktory nada mu ta kreske jako tlo z prawej strony to pojawi sie ta kreska tez za ostatnim elementem LI, a nie powinna!
Ktos ma pomysl?

Pozdrawiam

to nadaj inny styl dla tego ostatniego li. Przeciez gdy generujesz te li to wiesz ktory jest ostatni

No to zrób prosty warunek w szablonie, bo zakładam że menu masz generowane dynamicznie, który będzie nadawał klasę css bez obrazka elementowi li i tyle.

[HTML] pobierz, plaintext 
<li></li>
<li></li>
<li></li>
....
<li class="last"></li>
[HTML] pobierz, plaintext 

Niejasno się wyraziłem...
Gdybym generował te li w php to nie ma problemu.
Robie to na jakimś cmsie z własnym językiem skryptowym, którego nie znam.

Wymyśliłem to tak, że policzę ile jest LI, i do ostatniego zmienię styl.
Policzyć LI to nie problem:

document.getElementById('to jest id mojego UL').getElementsByTagName('li').length

wiem już ile mam LI, jak teraz wskazać na ostatni, czyli
mojeLi.style. .....

chodzi mi o "mojeLi"

No chyba, że można to inaczej rozwiązać.

Jest inny sposób, ale nie będzie działać w każdej przeglądarce: last-child. A jeśli chcesz się bawić w javascript to polecam jQuery. W bardzo prosty sposób możesz nadać styl do konkretnego elementu.

Zrobiłem tak:

[PHP] pobierz, plaintext 
<?php
var all_li=document.getElementById('mojeul').getElementsByTagName('li');
all_li[all_li.length-1].style.color="red";
?>
[PHP] pobierz, plaintext