Forum PHP.pl > vertical-align dla inputow

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: vertical-align dla inputow

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

kicaj

8.05.2007, 21:16:11

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...

8.05.2007, 22:52:06

line-height: 30px;

kicaj

9.05.2007, 00:49:04

Juz kombinowalem i nie wychodzi:/

[HTML] pobierz, plaintext 
<html>
	<head>
		<style>
		input
		{
			height:		50px;
			line-height:	50px;
			font-size:	10px;
		}
		</style>
	</head>
	<body>
		<input type="text" value="abc" />
	</body>
</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

prond

9.05.2007, 08:11:13

Ten efekt możesz uzyskać stosując właściwość 'padding' :

[HTML] pobierz, plaintext 
<!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>
<style type="text/css">
    input
    {
        padding-top:20px;
        padding-bottom:20px;
        font-size: 10px;
    }
</style>
</head>
<body>
<input type="text" value="abc" />
</body>
</html>
[HTML] pobierz, plaintext

kicaj

9.05.2007, 20:24:12

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...

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.