Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] problem z obramowaniem fotki
simperium
post
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 5
Dołączył: 3.03.2004

Ostrzeżenie: (0%)
-----


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. (IMG:http://forum.php.pl/style_emoticons/default/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 >
Go to the top of the page
+Quote Post
Spyder
post
Post #2





Grupa: Zarejestrowani
Postów: 269
Pomógł: 7
Dołączył: 12.10.2006
Skąd: Newcastle Upon Tyne

Ostrzeżenie: (0%)
-----


Proponuje pobawic sie tym -> http://www.ruzee.com/files/shadedborder/test.html
Go to the top of the page
+Quote Post
simperium
post
Post #3





Grupa: Zarejestrowani
Postów: 157
Pomógł: 5
Dołączył: 3.03.2004

Ostrzeżenie: (0%)
-----


przejrzałem - dziękuję za linka - aczkolwiek wolałbym dowiedzieć się, gdzie błąd jest uy mnie (IMG:http://forum.php.pl/style_emoticons/default/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.
Go to the top of the page
+Quote Post
pyro
post
Post #4





Grupa: Zarejestrowani
Postów: 2 148
Pomógł: 230
Dołączył: 26.03.2008

Ostrzeżenie: (0%)
-----


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 />
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.09.2025 - 07:29