input type=email - inny width

input type=email - inny width

r4xz Zobacz profil	17.12.2010, 18:32:41 Post #1
Grupa: Zarejestrowani Postów: 673 Pomógł: 106 Dołączył: 31.12.2008 Ostrzeżenie: (0%)	prosty przykład: [HTML] pobierz, plaintext <form action="" method="post"> <input type="email" /> <input type="text" /> </form> [HTML] pobierz, plaintext czemu mają różne szerokości pod: Kod Version 10.63 Build 6450 Platform Linux System i686, 2.6.35-23-generic i jak to zwalczać? PS "bug się rodzi... moc truchleje..." gr8! -------------------- GitHub

Crozin Zobacz profil	17.12.2010, 18:44:40 Post #2
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)	Bo w jakiś tam wbudowanych stylach Opery jest gdzieś ustawione by pole na email miało szerokość równą XXX px? Cytat i jak to zwalczać? [CSS] pobierz, plaintext input[type=text], input[type=email] { width: 100px; } [CSS] pobierz, plaintext

r4xz Zobacz profil	17.12.2010, 18:54:22 Post #3
Grupa: Zarejestrowani Postów: 673 Pomógł: 106 Dołączył: 31.12.2008 Ostrzeżenie: (0%)	Cytat(Crozin @ 17.12.2010, 18:44:40 ) Bo w jakiś tam wbudowanych stylach Opery jest gdzieś ustawione by pole na email miało szerokość równą XXX px? prawda Cytat(Crozin @ 17.12.2010, 18:44:40 ) [CSS] pobierz, plaintext input[type=text], input[type=email] { width: 100px; } [CSS] pobierz, plaintext jednak tego już próbowałem i nadal są o ileś tam większe. z początku myślałem, że może jakieś wartości w css nadpisuje - dobra, nowy arkusz i nadal to samo. a z kolei jak nastawię [CSS] pobierz, plaintext input[type=text] { width: 100px; } input[type=email] { width: 70px; /* tak na oko równe */ } [CSS] pobierz, plaintext to w operze jest poprawnie, ale w FF, chromie etc. jest pole email mniejsze -------------------- GitHub

Crozin Zobacz profil	17.12.2010, 19:30:30 Post #4
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)	Sprwadź jeszcze margin oraz padding.

r4xz Zobacz profil	17.12.2010, 20:15:31 Post #5
Grupa: Zarejestrowani Postów: 673 Pomógł: 106 Dołączył: 31.12.2008 Ostrzeżenie: (0%)	* { margin: 0; padding: 0; } - zawsze dodaje hmm.. pozostaje mi czekać aż 1. wszystkie przeglądarki będą wspierać type=email (oraz będą tak samo go wyświetlać) 2. poprawią ten "mały" drobiazg --edit-- choć niewątpliwe zależy to w pewnym stopniu od paddinga, ponieważ przy 0 jest ~3 drażniące px, ale przy padding > 5 to już totalna masakra Ten post edytował r4xz 17.12.2010, 20:18:00 -------------------- GitHub

Crozin Zobacz profil	17.12.2010, 20:19:23 Post #6
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <!DOCTYPE html> <html lang="pl"> <head> <meta charset="utf-8" /> <title>Tytuł</title> <style type="text/css"> input[type=text], input[type=email] { width: 100px; margin: 2px; padding: 0; color: red; } </style> </head> <body> <div><input type="text" /></div> <div><input type="email" /></div> </body> </html> [HTML] pobierz, plaintext Opera/Firefox/Chrome - wszędzie dokładnie tak samo. Cytat (oraz będą tak samo go wyświetlać) W przypadku kontroler formularzy możemy się tego nigdy nie doczekać.

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

Aktualny czas: 25.06.2025 - 11:36

Hosting zapewnia