Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Zamknięty przez: Htsz
2013-02-09, 00:00
Autor Wiadomość
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany:    [css, javascript] jak zrobić graficzny przycisk input ?

Mam pytanie dotyczące tego input'a

Kod

<input type="file" />

Chodzi mi o to, żeby napis "Wybierz..." był w moim buttonie (jako moja grafika). Wiem, że da się to zrobić dla innych w TEN sposób, ale mnie interesuje typ "file". Sądze, że można to zrbić w PHP, ale nie wiem w jaki sposób.
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2009-05-30, 19:48   

Da się zrobić CSSem albo JavaScriptem, tu masz nieco do poczytania:

http://www.quirksmode.org/dom/inputfile.html
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany: 2009-05-30, 19:55   

Wielkie dzięki Lukem, masz plusa. Chyba zacznę odwiedzać angielskie strony, bo widać, że Ty większość problemów na nich znajdujesz i masz rację :) .
 
  podziel si� tym postem na:
Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2009-05-30, 19:58   

Nie ma problemu, przekazałem podziękowania wujkowi Google. :D
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany: 2009-05-30, 20:07   

I jeszcze jedno.
Wiesz może, jakie są wymiary zwykłego przycisku??
 
  podziel si� tym postem na:
Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2009-05-30, 20:16   

Nie wiem, to zależy od przeglądarki. Każda wyświetla je na swój sposób.
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany: 2009-05-30, 20:21   

Ok.
Nie wiem jeszcze dlaczego i jak temu zaradzić, że Opera (IE też) wyświetla obrazek trochę wyżej niż być powinien i nie komponuje on się z okienkiem obok (przy innych input'ach też tak jest).
 
  podziel si� tym postem na:
Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2009-05-30, 20:53   

Możesz spróbować niwelować różnice komentarzami warunkowymi w CSS, dając margin-top tak, żeby przycisk zjechał w dół. Nie jest to zbyt eleganckie i 100% działające rozwiązanie, ale doraźnie rozwiązuje problem.

http://mynthon.net/articles/css/szybkie_hacki
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany: 2009-05-31, 09:37   

Pisałem o Operze i IE, ponieważ w Mozilli w ogóle mi się strona nie wyświetla. Próbowałem zrobić:

Kod

<input style="top: 2px;" />

ale nie działa...
 
  podziel si� tym postem na:
Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2009-06-01, 18:00   

Daj link do przykładowej strony, zobaczymy o co kaman.
 
  podziel si� tym postem na:
miglu149 
mm1

Imię: Piter
Pomógł: 30 razy
Wiek: 30
Dołączył/a: 21 Lip 2008
Posty: 2220

Wysłany: 2009-06-01, 18:16   

Zrobiłem Print Screena:

 
  podziel si� tym postem na:
Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2009-06-01, 19:46   

Mimo wszystko wolałbym przykładową stronę z tym problemem, bo chcę zobaczyć co dokładnie masz w kodzie.
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2025 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz