font-size: 0px w elemencie input - czy to jest znany bug w IE/Opera?

Oglądasz wersję archiwalną tematu "font-size: 0px w elemencie input - czy to jest znany bug w IE/Opera?" z forum pl.comp.www


Miluhal - 18 Lis 2005, 03:23
Witam!

Zauważyłem, że IE/Opera niepoprawnie renederuje element input (np.
type="reset"), w którym ustawiono font-size: 0px. Używam tego, by zrobić
przycisk graficzny zachowując funkcjonalność tego typu (czyszczenie formularza)
bezkorzystania z JavaScript'u. Firefox ukrywa napis, ale IE/Opera pokazuje go
bardzo małą czcionką.

Sprawdźcie u siebie:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<html xmlns="http://www.w3.org/1999/xhtml"
<head
<title[CSS] font-size: 0px w elemencie input - czy to jest znany bug w IE?</title
</head
<body
<form action="#" method="get"
<fieldset
<input type="reset" value="reset" style="font-size: 0px;border:1px solid black;
width: 100px; height: 20px;"/
</fieldset
</form
</body
</html

Może ktoś ma inny pomysł, jak zrobić przycisk reset z grafiką bez JavaScriptu?

Pozdrawiam!

Miluhal


Tomasz S. - 18 Lis 2005, 03:29

Witam!

Zauważyłem, że IE/Opera niepoprawnie renederuje element input (np.
type="reset"), w którym ustawiono font-size: 0px. Używam tego, by zrobić
przycisk graficzny zachowując funkcjonalność tego typu (czyszczenie formularza)
bezkorzystania z JavaScript'u. Firefox ukrywa napis, ale IE/Opera pokazuje go
bardzo małą czcionką.

Sprawdźcie u siebie:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<html xmlns="http://www.w3.org/1999/xhtml"
<head
<title[CSS] font-size: 0px w elemencie input - czy to jest znany bug w IE?</title
</head
<body
<form action="#" method="get"
<fieldset
<input type="reset" value="reset" style="font-size: 0px;border:1px solid black;
width: 100px; height: 20px;"/
</fieldset
</form
</body
</html

Może ktoś ma inny pomysł, jak zrobić przycisk reset z grafiką bez JavaScriptu?



a co nie dziala jesli dasz value="" ???


Miluhal - 18 Lis 2005, 03:48

a co nie dziala jesli dasz value="" ???



Błagam, nie cytuj całego mojego posta, by dopisać jedną linijkę.

Niestety, value nie może być puste ze względu na standard WAI/Section 508 (osoby
niewidome korzystające z czytników, osoby korzystające z przeglądarek
tekstowych, itp.)

Pozdrawiam!

Miluhal


ethanak - 18 Lis 2005, 03:57




[...]

Niestety, value nie może być puste ze względu na standard WAI/Section 508 (osoby
niewidome korzystające z czytników, osoby korzystające z przeglądarek
tekstowych, itp.)



No to wkomponuj ten tekst w grafikę (np. jak na
http://www.dominanta.pl/zamow_skrzat.html )

ethanak


Miluhal - 18 Lis 2005, 04:44

No to wkomponuj ten tekst w grafikę



Bardzo ładny przykład. Niestety, w tym przypadku nie da się, bo tekst jest
wykorzystuje specyficzną czcionkę.

Miluhal


ethanak - 18 Lis 2005, 04:57

| No to wkomponuj ten tekst w grafikę

Bardzo ładny przykład. Niestety, w tym przypadku nie da się, bo tekst jest
wykorzystuje specyficzną czcionkę.



No to na rybkę:

<input type="reset" value="Wyczyść" id="jakiś_id"
<script type="text/javascript"
if (document.getElementById && document.createElement) {
        var nowy=utwórz_śliczny_button_wywołujący_javascript();
        var stary=document.getElementById('jakiś_id');
        stary.parentNode.replaceChild(nowy,stary);

}



</script

gdzie ten nowy śliczny button będzie uczciwym obrazkiem z uczciwym altem.

ethanak


porneL - 18 Lis 2005, 05:03

Witam!

Zauważyłem, że IE/Opera niepoprawnie renederuje element input (np.
type="reset"), w którym ustawiono font-size: 0px. Używam tego, by zrobić
przycisk graficzny zachowując funkcjonalność tego typu (czyszczenie  
formularza)
bezkorzystania z JavaScript'u. Firefox ukrywa napis, ale IE/Opera  
pokazuje go
bardzo małą czcionką.



To nie bug, tylko feature :) Safari też nie wyświetla czcionek mniejszych,  
niż ileśtam, co użytkownik sobie życzy.

Co do samego przycisku - czy twój formularz wymaga wielokrotnego  
wysyłania, np. w połączeniu ze statusem HTTP 208?
Jak nie, to nie pakuj tam przycisku reset!

http://www.useit.com/alertbox/20000416.html


Miluhal - 18 Lis 2005, 06:07

No to na rybkę:



Bardzo dobry pomysł. :-) Zapamiętam go sobie.

Dzięki!

Miluhal


Paweł Majczyk - 18 Lis 2005, 09:27
font-size: 0px?
Nie lepiej dać odpowiedni text-indent?

Bogdan Baraszkiewicz - 19 Lis 2005, 07:56

| a co nie dziala jesli dasz value="" ???

Niestety, value nie może być puste ze względu na standard WAI/Section 508 (osoby
niewidome korzystające z czytników, osoby korzystające z przeglądarek
tekstowych, itp.)



Ale osoby dobrze widzące i korzystające z przeglądarek graficznych ale z
wyłączoną grafiką już można sobie olać? :)

bogi


JScript dziala w IE, nie dziala w Sylabie
FF/IE - "overflow: auto" a "height: auto"
se zrobilem kombinacje z menu... IE i reszta... (co do reszty to tez zalamka ;-) )
Ile najwiecej pol z formularza moge przeslac submitem?
  • wlosomaniaczki;czesc;v;nareszcie;d;5000
  • narzi9C4i999dzia akumulatorowe
  • karate bialystok shotokan
  • registrace domi9E3i9A9n eu
  • rozmawiasz ze znajoma z kanady o imprezie
  • peruwianskie aktorki 400
  • i wanna see you happy people
  • linki w formie drzewa
  • tapety do sony ericssona k300i
    • Archiwum tematów z for dyskusyjnych :: Indeks