Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> vertical-align dla inputow
kicaj
post 8.05.2007, 21:16:11
Post #1





Grupa: Zarejestrowani
Postów: 1 640
Pomógł: 28
Dołączył: 13.02.2003
Skąd: Międzyrzecz/Poznań

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

Mam ustawiony najzwyklejszy input textowy o np. wysokosc 30px, tekst ma rozmiar 8pt, jak wycentorwac tekst w pionie? Poniewaz w nie ktorych przegladarkach jest domyslnie ustawione centrowanie, a w niektorych nie, padding, jak wiadomo takze nie poprawnie zachowuje sie w co nie ktorych przegladarkach...


--------------------
PHP Developer

"Nadmiar wiedzy jest równie szkodliwy jak jej brak" Émile Zola
Go to the top of the page
+Quote Post
sf
post 8.05.2007, 22:52:06
Post #2





Grupa: Zarejestrowani
Postów: 1 597
Pomógł: 30
Dołączył: 19.02.2003
Skąd: Tychy

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

line-height: 30px;


--------------------
Zapraszam na mój php blog, tworzenie stron.
Go to the top of the page
+Quote Post
kicaj
post 9.05.2007, 00:49:04
Post #3





Grupa: Zarejestrowani
Postów: 1 640
Pomógł: 28
Dołączył: 13.02.2003
Skąd: Międzyrzecz/Poznań

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

Juz kombinowalem i nie wychodzi:/
[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<style>
  4. 		input
  5. 		{
  6. 			height:		50px;
  7. 			line-height:	50px;
  8. 			font-size:	10px;
  9. 		}
  10. 		</style>
  11. 	</head>
  12. 	<body>
  13. 		<input type="text" value="abc" />
  14. 	</body>
  15. </html>
[HTML] pobierz, plaintext

Zastosowalem takze padding.

Problem polega na tym ze kazda przegladarka wyswietla to inaczej, wiem ze sa roznice, ale choc troche efekt wycentorwania w pionie


--------------------
PHP Developer

"Nadmiar wiedzy jest równie szkodliwy jak jej brak" Émile Zola
Go to the top of the page
+Quote Post
prond
post 9.05.2007, 08:11:13
Post #4





Grupa: Zarejestrowani
Postów: 254
Pomógł: 10
Dołączył: 8.11.2006
Skąd: Warszawa

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

Ten efekt możesz uzyskać stosując właściwość 'padding' :
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <style type="text/css">
  6.     input
  7.     {
  8.         padding-top:20px;
  9.         padding-bottom:20px;
  10.         font-size: 10px;
  11.     }
  12. </style>
  13. </head>
  14. <body>
  15. <input type="text" value="abc" />
  16. </body>
  17. </html>
[HTML] pobierz, plaintext


--------------------
--------------------------------------------------------------------------------
weblog.axent.pl
--------------------------------------------------------------------------------
Go to the top of the page
+Quote Post
kicaj
post 9.05.2007, 20:24:12
Post #5





Grupa: Zarejestrowani
Postów: 1 640
Pomógł: 28
Dołączył: 13.02.2003
Skąd: Międzyrzecz/Poznań

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

hehe, dzieki, line-height i samo height bylo nie potrzebne:p

EDIT: Pozwole sobie dodac ze bledne wyswietalnie moze byc spowodowane dodaniem w pierwszej lini znacznika: <?xml...


--------------------
PHP Developer

"Nadmiar wiedzy jest równie szkodliwy jak jej brak" Émile Zola
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
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

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 31.07.2025 - 10:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn