Autor wpisu: batman, dodany: 12.04.2010 18:27, tagi: internet
Autor wpisu: Blame, dodany: 10.04.2010 16:47, tagi: css
Część z was pewnie zapyta: „Ale po co?”. Ano dlatego, że istnieje wiele przypadków, w których programiści wyrywali sobie włosy z głowy, ponieważ nie mogli znaleźć przyczyny, z powodu której ich formularze nie chciały działać. Zapraszam do przeczytania całego wpisu
Problemy te mają miejsce, jak się można spodziewać, w starszych wersjach Internet Explorer’a, istnieją też pogłoski, jakoby kiedyś również Opera miała z tym kłopoty. Usterka wbrew pozorom trudna do wykrycia, formularz normalnie się przeładowuje, ale zamiast wpisanych danych albo nie dostajemy nic, albo jakieś krzaki. Co jednak zrobić jeśli nam koniecznie jest potrzebny obrazkowy przycisk wysyłania? Już tłumaczę. Załóżmy, że to będzie nasz przykładowy formularz:
<form method="post" action=""> <input type="text" name="dane" /> <input type="image" src="sciezka_do_obrazka.png" /> </form>
Jest to bardzo uproszczona wersja, jednak nic bardziej finezyjnego nie będzie nam teraz potrzebne. Mamy pole, w którym wpisujemy przykładowe dane i przycisk image. Jak się go pozbyć? Tu na pomoc przychodzi nam oczywiście CSS. Wystarczy, że zamiast interesującego nas inputa wstawimy:
<input type="submit" id="submit" />
A w arkuszu:
#submit{ width: 50px; height: 20px; display: block; background: url(scieżka_do_obrazka.png) no-repeat; }
I gotowe! Wymiary są oczywiście przykładowe i powinny być takie jak wymiary obrazka z przyciskiem. Jeśli macie jakieś uwagi i propozycje, piszcie
Blame
Tagged: CSS, image, input