Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> vertical-align w polu input
Brick
post
Post #1





Grupa: Zarejestrowani
Postów: 107
Pomógł: 9
Dołączył: 16.02.2004
Skąd: Kraków

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


Czy ktoś ma sposób na ustawienie pionowe tekstu w polu input?
Przykład
  1. <input type=text style="height:35px; width:100px;" value="Tutaj tekst">

FF i IE wyświetla wpisany tekst u góry, Opera na środku.
vertical-align:middle czy baseline nie działa.
padding-top - działa i przesuwa tekst w dół ale w Operze wtedy tekst jest już na dole tego pola.
Na sieci znalazłem też pomysły z line-height ale nie działa.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Brick
post
Post #2





Grupa: Zarejestrowani
Postów: 107
Pomógł: 9
Dołączył: 16.02.2004
Skąd: Kraków

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


Dzięki za pomoc (klikam "pomógł")

Pomału doszedłem o co chodzi za pomocą twojego przykładu.
vertical-align:middle - niestety nie działa tak jak trzeba.
W FF i Opera bez różnicy czy jest czy nie ma, za to w IE środkuje napis ten obok pola input. IE jak zwykle luźno wszystko traktuje ;)

Przykład poniżej działa ok:
  1. input.poletxt
  2. {
  3. height: 17px;
  4. padding: 5px 0px 5px 0px;
  5. vertical-align:middle;
  6. }
  7. <p>Login: <input class="poletxt" type="text" value="Login" /></p>

Ale UWAGA!
DOCTYPE musi być XHTML
czyli
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
Gdy damy HTML to nie działa.

Tutaj jest przykład działający, może komuś się przyda
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 18.10.2025 - 10:56