Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] problem z obramowaniem fotki
Forum PHP.pl > Forum > Przedszkole
simperium
Witam, chciałbym obramować sobie fotografie.
Znalazłem tutaj mniej więcej opis, jak to uczynić w css http://www.w3.org/TR/2002/WD-css3-border-2...order-image-uri
niestety chyba coś przekombinowałem, albo popełniłem "szkolny błąd" bo nie działa mi to .
Będę naturalnie wdzięczny za pomoc. smile.gif

Kod
<style type=text/css>
#ramka_fotki{
border: solid;
border-top-left-image: url(images/ramka_archiwum2_01.png) thick solid red;
border-top-image: url(images/ramka_archiwum2_02.png) thick solid red;
border-top-left-right: url(images/ramka_archiwum2_03.png) thick solid red;
border-left-image: url(images/ramka_archiwum2_04.png) thick solid red;
border-right-image: url(images/ramka_archiwum2_06.png) thick solid red;
border-bottom-left-image: url(images/ramka_archiwum2_07.png) thick solid red;
border-bottom-image: url(images/ramka_archiwum2_08.png) thick solid red;
border-bottom-right-image: url(images/ramka_archiwum2_09.png) thick solid red;
}
</style>

<img src="images/30_200.jpg" width="159" height="199" alt="" class=ramka_fotki >
Spyder
Proponuje pobawic sie tym -> http://www.ruzee.com/files/shadedborder/test.html
simperium
przejrzałem - dziękuję za linka - aczkolwiek wolałbym dowiedzieć się, gdzie błąd jest uy mnie winksmiley.jpg.

Przypuszczam, że to pewnie wina braku ukazania, ile ma mieć szerokości i wysokości każdy z elementów ramki.
Wrzuciłem na próbę:
Kod
border-top-image-width: 4px;
border-top-image-height: 8px;


Niestety, wciąż nic z tego - nie działa.

edit//

Okazało się, że powyższy kod ma być w CSS3, a jak wiemy wciąż jest CSS2 - stąd to nie działa ;]

Pozdrawiam.
pyro
Cytat(simperium @ 12.05.2009, 17:30:25 ) *
Kod
<style type=text/css>
#ramka_fotki{

<!-- dalej... -->

<img src="images/30_200.jpg" width="159" height="199" alt="" class=ramka_fotki >


wiesz jak się oznacza klasy i identyfikatory? klasy ".", id "#", ty traktujesz id jako klasę w <img />
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.