allineamento verticale testo dentro textbox

**lapiadina** · 22-12-2009, 12:20

Ciao a tutti, vorrei sapere se è possibile allineare verticalmente il testo all'interno di una textbox?
Ho provato con : "vertical-align: middle;" ma non ottengo l'allineamento centrato verticale.
La mia esigenza dell'allineamento nasce dal fatto che ho creato una textbox alta 24px (Height:24px

, e quando ci scrivo dentro il testo rimane tutto spostato verso l'alto, è solo una questione estetica e non di funzionalità..

**miki003** · 22-12-2009, 12:25

Originariamente inviato da lapiadina
Ciao a tutti, vorrei sapere se è possibile allineare verticalmente il testo all'interno di una textbox?
Ho provato con : "vertical-align: middle;" ma non ottengo l'allineamento centrato verticale.
La mia esigenza dell'allineamento nasce dal fatto che ho creato una textbox alta 24px (Height:24px

, e quando ci scrivo dentro il testo rimane tutto spostato verso l'alto, è solo una questione estetica e non di funzionalità..

Che tipo di textbox? una <textarea>?

**Mich_** · 22-12-2009, 12:44

Il vertical-align e` riservato alle tabelle (e affini), per cui non ha effetto in oggetti diversi.

Per centrare in verticale UN TESTO FORMATO DA UNA SOLA RIGA , ti basta dare line-height uguale a height.

Esempio:

codice:

selettore {
  height: 24px;
  line-height: 24px;
}

**lapiadina** · 22-12-2009, 12:45

ciao, no è una <textfield>, campo di testo

**miki003** · 22-12-2009, 13:02

Originariamente inviato da lapiadina
ciao, no è una <textfield>, campo di testo

Ma in html non esiste!
http://www.w3schools.com/TAGS/tag_a.asp

**lapiadina** · 22-12-2009, 13:22

**miki003** · 22-12-2009, 15:13

Originariamente inviato da lapiadina
<input type="text">

Allara è un campo di testo non textfield

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
.t1 {
	text-align: center;
	height: 100px;
	width: 300px;
	padding-top: 58px;
}
-->
</style>
</head>

<body>
<input type="text" class="t1" name="t1" value="Testo" />
</body>
</html>

**lapiadina** · 22-12-2009, 16:20

Originariamente inviato da Mich_
Il vertical-align e` riservato alle tabelle (e affini), per cui non ha effetto in oggetti diversi.

Per centrare in verticale UN TESTO FORMATO DA UNA SOLA RIGA , ti basta dare line-height uguale a height.

Esempio:

codice:

selettore {
  height: 24px;
  line-height: 24px;
}

Grazie Mich_,
proprio quello che mi serviva "line-height: 24px;", perfetto!!

Grazie anche a te Miki003, ma il "text-align: center;" allinea orizzontalmente il testo, comunque grazie per l'aiuto.

**miki003** · 22-12-2009, 17:04

Originariamente inviato da lapiadina
Grazie Mich_,
proprio quello che mi serviva "line-height: 24px;", perfetto!!

Grazie anche a te Miki003, ma il "text-align: center;" allinea orizzontalmente il testo, comunque grazie per l'aiuto.

Se guardi bene il codice c'è anche un padding che lo porta al centro, pertanto è allineato sia orizzontale sia verticale.

**lapiadina** · 22-12-2009, 17:20

Originariamente inviato da miki003
Se guardi bene il codice c'è anche un padding che lo porta al centro, pertanto è allineato sia orizzontale sia verticale.

vero non l'avevo notato..
Thanks!

Discussione: allineamento verticale testo dentro textbox

Strumenti discussione

Ricerca discussione

Visualizza

allineamento verticale testo dentro textbox

Re: allineamento verticale testo dentro textbox

Permessi di invio