Witam!
Mam pewien problem z 3 obrazkami CSS w 1 stylu, wygląda to tak:

[CSS] pobierz, plaintext 
.strap {
	background: url(images/left_strap.png), url(images/center_strap.png), url(images/right_strap.png);
	background-repeat: no-repeat, repeat-x, no-repeat;
	background-position: left top, left top, right;
	height: 44px;
}
[CSS] pobierz, plaintext 

I chodzi o to, aby obrazek środkowy (ten który się powtarza) zaczynał się po obrazku 1 i przed obrazkiem 3 (aby nie nachodził na nie), a w chwili obecnej jest to tak, że środkowy obrazek nachodzi na pozostałe.
Próbowałem już chyba ze 100 różnych sposobów i nie pomaga

Proszę o pomoc.
Pozdrawiam!

Zobacz w ten sposób:

[HTML] pobierz, plaintext 
.strap {
	background: url(images/left_strap.png), url(images/center_strap.png), url(images/right_strap.png);
	background-repeat: no-repeat, repeat-x, no-repeat;
	background-position: left top, 0px 300px, right;
	height: 44px;
}
[HTML] pobierz, plaintext 

Chodzi o ten fragment: "background-position: left top, 0px 300px, right;" określasz w px dla 2 tła ile ma być odsunięte od lewej krawędzi i ile od górnej w tym przypadku zrobiłem 0px od lewej i 300px od góry, ustaw ile potrzebujesz.

właśnie w tym problem że nie chce to działać
już próbowałem w ten sposób.

Tak to wygląda nawet z ustawieniem pozycji jakiejkolwiek: http://asig.pl/xxx/in3.html

Wie ktoś może jak temu zaradzić... ?

Zrób .jpg z tym co chcesz uzyskać bo nie kumam jak ma to być ułożone

Kolego, w ten sposób tego nie zrobisz, bo pod transparentnym obrazkiem narożnika będzie widać powtarzający się obrazek tła. Póki co w CSS nie da się ustawić właściwości "początek-koniec" dla powtarzanego tła. Musisz więc to rozwiązać za pomocą 2 elementów i paddingu.

@UP:
Lipa bo tak właśnie zawsze robiłem i pomyślałem że można to zrobić w 1 stylu (krok na przód) a tu nic
Dzięki za informację, trudno.

Da się, pod warunkiem że obrazki z tłem narożników nie będą przeźroczyste. Bo w innym wypadku nawet na czystą logikę to nie zagra

@UP:
No tak to wiem :f
Ale właśnie piszę stronę, która ma z 5 elementów po 3 takie grafiki i zamiast 5 styli, to będę musiał 10 - 15 wpakować (wszystkie JPG i narożniki przezroczyste)

No nie do końca. Jak dla mnie to wystarczą 3 reguły

[HTML] pobierz, plaintext 
<div class="outer">
    <div class="inner"></div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.outer{
    padding: 0 20px;
    background: url("obrazek_2.png") 0 0 no-repeat,
                url("obrazek_3.png") 100% 0 no-repeat;
}
.inner{
    background: url("obrazek.png") repeat-x;
}
[CSS] pobierz, plaintext 

I cała filozofia