Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
 Reply to this topicStart new topic
> [JavaScript][HTML][CSS]TŁO POD Pole typu: <select>, Jak zrobić własne tło pod selectem ?
miras
post 31.05.2012, 17:28:25
Post #1





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Witam, mój problem polega na tym, że potrzebuję zrobić własne tło pod pole formularza typu select czyli pod 
[HTML] pobierz, plaintext 
  1. <select>
  2. <option>Opcja1</option>
  3. <option>Opcja2</option>
  4. </select>
  5.  
[HTML] pobierz, plaintext



Czytałem, że za pomocą css, jest to niewykonalne, aczkolwiek zrobiłem po prostu w css'ie background-url: (sciezka.png) i faktycznie nie działa, ale pewnego dnia wszedłem z telefonu i o dziwo działało, ale to tylko taka ciekawostka - jak to najlepiej zrobić ? dodam jeszcze, że pod te selecty mam napisany taki 'kalkulator' więc dobrze by było, żebym nie musiał pisać wszystkiego od nowa..


Dzięki z góry i pozdrawiam!


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
CTRL
post 31.05.2012, 17:40:08
Post #2





Grupa: Zarejestrowani
Postów: 133
Pomógł: 8
Dołączył: 23.09.2011
Skąd: Stromiec

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

Powinno się Ciebie posłuchać jeśli ten select dasz w div do którego przypiszesz css, spróbuj. smile.gif


--------------------
www.staraprochownia.pl
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 17:59:50
Post #3





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Niestety nie słucha się...

http://91.228.196.49/

http://91.228.196.49/style.css


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
Kshyhoo
post 31.05.2012, 18:01:10
Post #4





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
EDIT: Ostatnia może nie działać:
[HTML] pobierz, plaintext 
  1. <option class="bgclass1"> 1 </option>
  2. <option id="idtest1"> 2 </option>
  3. <option style="background-image: url(./obrazek.gif);"> 3 </option>
  4. <option style="background: url(./obrazek.gif);"> 4 </option>
  5. <option background="./obrazek.gif"> 5 </option>
[HTML] pobierz, plaintext


Ten post edytował Kshyhoo 31.05.2012, 18:05:03


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 18:08:09
Post #5





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

No to Cię rozczaruję i powiem, że żadne rozwiązanie nie działa.


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
Kshyhoo
post 31.05.2012, 18:13:35
Post #6





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Nie czuję się rozczarowany, bo nie działa tylko u Ciebie ;p
Poszukaj przykład


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
k_@_m_i_l
post 31.05.2012, 18:19:48
Post #7





Grupa: Zarejestrowani
Postów: 349
Pomógł: 72
Dołączył: 22.01.2008
Skąd: Wadowice/Oświęcim

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

http://www.queness.com/post/204/25-jquery-...l-form-elements

Zainteresuj się tym. Jest tam kilka bibliotek, które zmieniają wygląd select, radio, checkbox itd. Więc zobacz sobie w kod na jakiej zasadzie to działa (o ile chcesz coś swojego napisać, a nie korzystać z gotowej biblioteki).


--------------------
"PHP to człowiek. MySQL to również człowiek."
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 18:27:47
Post #8





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Cytat(Kshyhoo @ 31.05.2012, 18:13:35 ) *
Nie czuję się rozczarowany, bo nie działa tylko u Ciebie ;p
Poszukaj przykład


A powinieneś, bo tam nie ma rozwiązania mojego problemu - ja potrzebuję zmienić tło ' ostylować ' select, a nie zmieniać obrazki przy każdej zmianie optiona..

Dobra, dzięki Kamil, mam nadzieję, że uda mi się to połączyć z moim kalkulatorem.


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
Kshyhoo
post 31.05.2012, 18:28:13
Post #9





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Cytat(miras @ 31.05.2012, 19:23:08 ) *
A powinieneś, bo tam nie ma rozwiązania mojego problemu - ja potrzebuję zmienić tło ' ostylować ' select, a nie zmieniać obrazki przy każdej zmianie optiona..

Rozczarowany jestem jedynie Twoim podejściem... przecież takie rozwiązanie Ci podałem - dałem również przykład, który jak widać działa. Już kumam, ja umiem patrzeć tam, gdzie trzeba - wklejam więc to, co widzę:
Cytat
select box
HTML Source

[HTML] pobierz, plaintext 
  1. <select>
  2. 	<option class="bgclass1"> Amiga </option>
  3. 	<option id="idtest1"> Windows </option>
  4. 	<option style="background-image: url(./linux_os_small.gif);"> Linux </option>
  5. 	<option style="background: url(./linux_os_small.gif);"> Linux II</option>
  6. 	<option background="./freebsd_os_small.gif"> FreeBSD </option>
  7. </select>
[HTML] pobierz, plaintext


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 18:31:24
Post #10





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Nie wiem, 'pewnie się nie znam', ale na mojej przeglądarce (chrome) to nie działa.


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
Kshyhoo
post 31.05.2012, 18:34:21
Post #11





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Nikt nie mówi, że się nie znasz. Ctrl + F5 questionmark.gif


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 18:37:19
Post #12





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Nadal nic, ten sposób byłby o wiele łatwiejszy niż grzebanie się z jquery, no ale czemu nie działa ?


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
Kshyhoo
post 31.05.2012, 18:42:42
Post #13





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
A to w przykładzie widzisz dobrze?


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 18:55:37
Post #14





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Właśnie też nie..

SS: http://fotoo.pl//out.php/i260394_aaa.gif


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
Kshyhoo
post 31.05.2012, 19:04:40
Post #15





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Zrób tak:
[HTML] pobierz, plaintext 
  1. .bgclass1 { background-image: url(./bg1.png); }
  2.  
  3. <option class="bgclass1"> 1 </option>
[HTML] pobierz, plaintext

albo:
[HTML] pobierz, plaintext 
  1. <option style="background-image: url(./bg1.png);"> 3 </option>
[HTML] pobierz, plaintext


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 19:11:14
Post #16





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

http://91.228.196.49/


Powiedz mi czy Tobie to działa ?


[HTML] pobierz, plaintext 
  1.  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
  4. <head profile="http://gmpg.org/xfn/11">
  5. <title>test</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta http-equiv="Content-Language" content="pl" />
  8. <meta name="Description" content="test" />
  9. <meta name="Keywords" content="test" />
  10. <meta name="Author" content="test" />
  11. <meta name="Robots" content="ALL" />
  12. <meta name="revisit-after" content="10" />
  13.  
  14. <style>
  15. .bgclass1 { background-image: url(./tlo_select.png); }
  16. </style>
  17. </head>
  18. <body>
  19.  
  20.  
  21.  
  22.  
  23. <form>
  24. <select>
  25. <option class="bgclass1"> 1 </option>
  26. <option class="bgclass1"> 1 </option>
  27. <option class="bgclass1"> 1 </option>
  28. <option class="bgclass1"> 1 </option>
  29. <option class="bgclass1"> 1 </option>
  30. </select>
  31.  
  32.  
  33. </form>				
  34.  
  35.  
  36.  
  37. </body>
  38. </html>
  39.  
[HTML] pobierz, plaintext


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
Kshyhoo
post 31.05.2012, 19:21:37
Post #17





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Nie działa, ale działa to:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//en">
  2. <html>
  3. <head>
  4. <title>Demo</title>
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <meta http-equiv="Content-Language" content="pl">
  8. <style type="text/css">
  9. .bgclass1 { background-image: url(./bg1.png); }
  10.  
  11. </style>
  12. </head>
  13. <body>
  14.  
  15. <select>
  16.  
  17. <option class="bgclass1"> 1 </option>
  18. <option class="bgclass1"> 2 </option>
  19. <option class="bgclass1"> 3 </option>
  20. <option class="bgclass1"> 4 </option>
  21. <option class="bgclass1"> 5 </option>
  22. </select>
  23.  
  24. </body>
  25. </html>
[HTML] pobierz, plaintext

więc może różnica w <style> / <style type="text/css"> ?


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 19:30:56
Post #18





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Zielonego pojęcia już nie mam w czym leży problem - u Ciebie działa -> ja wkleiłem powyższy kod + tylko zmieniłem ścieżkę tła i nie działa...

http://91.228.196.49/


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
Kshyhoo
post 31.05.2012, 19:55:04
Post #19





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
U mnie coś widać, jakiś zaokrąglony róg.


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
miras
post 31.05.2012, 20:02:07
Post #20





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Sprawdź teraz, dodałem wymiary, ale pomimo wszystko dlaczego u mnie zero reakcji ?


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 16.07.2025 - 02:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn