slika na obeh straneh elementa

Pozdrav!

Zanima me, na kak način bi lahko oblikoval li element, da bi iz leve in desne bila slikica, brez da bi dodajal nove elemente (pure css), če je sploh možno.

Dolžina ni fiksna (prilagaja se glede na vsebino), zato bi rabil, da se ti dve senci data ob straneh. Hvala za morebitno pomoč in lp!

3 odgovori

s css3 opraviš brez problema, samo ne dela v vseh browserjih(beri ie 7 in starejši)
http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

mprose7:
s css3 opraviš brez problema, samo ne dela v vseh browserjih(beri ie 7 in starejši)
http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

Mislim da hoče imeti sliko za ozadje, ne sence.
Tudi mene zanima.

edina rešitev kaj mi pade na pamet je ta da imaš na primer levo li sliko za ozadje (pozicija skrajno levo le senca oz. rob) ter v li še nek element (span) display: block ter desno sliko katera je recimo širine 400px (koliko predvidevaš da bo max širina) ter je desno senca levo se pa ponavlja, ta span ima še potem padding levo da ne prekriješ bgja od li.

upam da koliko toliko razumljivo napisal :)