[CSS] Backgroun z 3 obrazków - ustalenie granic środkowego repeat-x Opcje

[Elber]

Witam, chcę zrobić taki button za pomocą css'a, mam tą lewą i prawą stronę wyciętą i środek 1px, który powinien się rozciągnąć między tymi dwoma końcami, jednak środek rozciąga się pod tymi 2 obrazkami

[HTML] pobierz, plaintext 
background: url("images/menu_top_active_left.png") no-repeat left 9px,url("images/menu_top_active_right.png") no-repeat right 9px,url("images/menu_top_active_center.png") repeat-x center 9px transparent;
[HTML] pobierz, plaintext 

Jak zrobić aby wyglądało to poprawnie ?

[!*!]

Przy miltibg ważna jest kolejność ich wczytania. A w Twoim przypadku te dwie boczne grafiki są przeźroczyste, więc siłą rzeczy muszą pokazywać to co jest pod spodem.

Ten post edytował !*! 29.09.2011, 15:30:54

[Elber]

jak dam ten center na początek to przykrywam mi te 2 boki ... więc jest jakiś sposób żeby to zrobić ?

Ten post edytował Elber 29.09.2011, 15:31:43

[!*!]

Boczne obrazki nie mogą być przeźroczyste, zrób je w całości łącznie z tłem jakie mają mieć pod spodem.

Ten post edytował !*! 29.09.2011, 15:33:13

[Vhaeraun]

A nie lepiej podzielić ten button na 2 zamiast 3 części ?
Jedną część (jakieś 5-15px z lewej strony obrazka) dajesz jako background link'a, następnie do środka link'a pakujesz element <span> i jemu ustawiasz jako background drugą część obrazka (tutaj przedłużasz środek - czyli to co u Ciebie było 1px - i dodajesz prawą stronę obrazka).
Tu jest to lepiej opisane:
http://www.oscaralexander.com/tutorials/ho...s-with-css.html (mniej więcej od połowy strony jest opisana to co tu próbowałem wytłumaczyć).