Chcę wyświetlać obrazek w img, a na niego nałożyć ramkę w postaci rysunku png, który zlewać będzie się z obrazkiem od wew. strony ramki i z tłem od zewn. strony ramki.
Czyli coś takiego:
tło
---------------------- zew. krawędź ramki
połączone tło z ramką
---------------------- krawędź obrazka
połączony obrazek z ramką
---------------------- wew. krawędź obrazka
obrazek
Da się uzyskać taki efekt?
co ? :-| mógłbyś jakoś bardziej obrazowo ? (najlepiej dosłownie)
Efekt zaczerpniety ze strony riddle'a :)
img {
display: block;
background: #FFF url(imgbg.gif) right bottom no-repeat;
padding: 5px 10px 10px 5px;
border-left: 1px solid #F7F7F7;
border-top: 1px solid #F7F7F7;
}
gdzie imgbg.gif wyglada tak:
http://marooned.neostrada.pl/4prog/misc/dryo/
takie cos?
[edited]
o, piechnat się pojawił przede mną...
Maciek: tak, ale także w drugą stronę. Tzn. aby z tłem się też zlewało (ale to już mniejszy problem).
Gorzej, że masz wew. obrazek także w css. A ja potrzebuje to mieć jako img. Bo wew. zmienia się, a ramka jest stała. Chyba, że będę też generował fragment css, co nie bardzo mi się podoba :( Wtedy już wolę gd wykorzystać.
Marooned napisał(a)
o, piechnat się pojawił przede mną...
i co mówił ?
możesz wstawić zamiast img diva ze stylem, nawet nie zdefiniowanym tak przez arkusz tylko normalnie style=... a ramka absolute żeby na to nalatywała
IE obsługuje przeźroczystości PNG tylko że trochę bardzo nie w ten sposób co trzeba
ale to wszystko na około jest, ja bym skorzystał z gd, a te obrazki tak często się zmieniają ? nie możesz po prostu statycznie wrzucić normalnie zrobione obrazki ? ew. raz gd żeby je przeleciał i tyle
Adamo napisał(a)
ale to wszystko na około jest, ja bym skorzystał z gd, a te obrazki tak często się zmieniają ? nie możesz po prostu statycznie wrzucić normalnie zrobione obrazki ? ew. raz gd żeby je przeleciał i tyle
I chyba tak zrobię. Po prostu przy wrzucaniu na serwer przerobię i będzie spokój.
Dzięki za odpowiedzi. Szkoda, że nie możliwe jest (jeszcze) umieszczanie czegoś wew. znacznika img np.:
jakiś tekst </img>
:)