[css] pozycja tla Opcje

[--GoGo--]

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

[grzeee]

No ale to już użyłeś CSS3 (IMG:style_emoticons/default/tongue.gif) 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

Ten post edytował grzeee 9.12.2011, 17:56:27