Witam

Mam menu, w nim sa separatory. Nie chce robic <div class="separator"></div>, wiec zrobilem sobie tak, ze kazdy <a> ma background: url('separator.png') no-repeat left center; do daje zadowalajacy efekt, ale wtedy separator jest po lewej stronei danego linku, co brzydko wyglada w przy :hover.

Wymyslislem sobie ze polowa separatora mogla by byc po lewej, a druga po prawej(separator ma 2px)
zrobilem tak: background: url('separator.png') -1px center;, co daje zadowalajacy efekt, tylko nie wiem jak to samo zrobic po prawej - jak zrobic tlo po prawej wysuniete o 1px
CSS nie przyjmie mi czegos takiego:

[HTML] pobierz, plaintext 
background: url('separator.png') right center 1px 0;
[HTML] pobierz, plaintext 

Jest na to jakis sposob pomijajacy tworzenie w tym celu 2 obrazkow?(aby nie bylo jeszcze bardziej skomplikowane)

Z gory dziki za wszelkie odpowiedzi
Pozdrawiam
Kamil

Ogólnie nie da się teraz wrzucić dwóch obrazków tła i to każdy w innej pozycji (pracują nad tym z tego co wiem )

Ale możesz pokombinować zamiast tego z dynamicznym tworzeniem elementów...

Mówisz, że nie chcesz czegoś takiego jak ELEMENT-[DIV_Z_SEPARATOREM]-ELEMENT-[DIV_Z_SEPARATOREM]-ELEMENT-itd...

Można użyć pseudoklas :after lub :before aby dynamicznie wrzucić taki separatorek graficzny bez zapisywania tego w HTML

Sprawdź to

[HTML] pobierz, plaintext 
background: url() no-repeat left center, url() no-repeat right center;
[HTML] pobierz, plaintext 

Niestety nie, ale dzieki za odp.

No ale to już użyłeś CSS3 więc jak nie korzystasz z dodatkowych ficzerów wspomagających CSS3 w inny przeglądarkach to będzie lipa.

Jeśli te linki mają zawsze stałą szerokość to daj to w jednym background