Podwojna definicja tla, jedno z prawej, jedno z lewej :) Opcje

[Szymon]

Witam,


Czy jest mozliwe, zeby stylem CSS zdefiniowac tlo np. buttona, czy pojedynczej komorki w tabeli, zeby po jednej stronie byl obrazek i po drugiej?

Na chlopski rozum mogloby to wygladac mniej wiecej tak:

styl {
background:url(lewa.jpg) left top no-repeat;
background:url(prawa.jpg) right top no-repeat;
}

Niestety, tak sie nie da a szkoda

Jakies pomysly?
Z gory dzieki!


Pozdrawiam,
Szymon

[TomASS]

[HTML] pobierz, plaintext 
<style>
#td1{
	background-image: url(lewo.jpg);
}
#td2{
	background-image: url(prawo.jpg);
}
</style>
[HTML] pobierz, plaintext 

A kod HTML:

[HTML] pobierz, plaintext 
<table width="100%" height="100%'>
 <tr><td id="td1">1</td><td id="td2">2</td></tr>
</table>
[HTML] pobierz, plaintext 

[tiraeth]

@TomASS: autorowi chodziło o JEDNĄ komórkę tabeli, w której mógłby wyświetlić DWA obrazki po DWÓCH stronach.

Najlepiej zrobić to na dwóch divach z atrybutami position:absolute; right:0px (dla prawego - a dla lewego: left:0px)... sprawdź.

[revyag]

Prościej będzie zrobić obrazek na szerokość buttona, o takim jak button tle, i połączyć te dwa obrazki w jeden.