Come allineare testo e descrizione

**salasir** · 12-10-2006, 16:07

Ho perso un pezzo.

Le label sono state rese block per potergli dare una lunghezza fissa e quindi allinearle a sx, mentre la textarea si "appoggia" alla label.

**iceberg** · 12-10-2006, 16:30

Originariamente inviato da salasir
Ho perso un pezzo.

Le label sono state rese block per potergli dare una lunghezza fissa e quindi allinearle a sx, mentre la textarea si "appoggia" alla label.

Non l'hai perso tu, l'ho inserito dopo!

Chiarissimo tutto, ma se i textbox non li avessi voluti "appoggiati" alle label, ma anch'essi allineati, avrei dovuto semplicemente fare un float: right (per allienarli a sx)?

RiGrazie

**salasir** · 12-10-2006, 16:42

Con float:right si allinea a destra!

Comunque, sì.

**salasir** · 12-10-2006, 16:45

Se vuoi farti un po' di cultura sui form ...

http://del.icio.us/search/?all=form+css+layout

**iceberg** · 12-10-2006, 17:42

Grazie ancora per l'aiuto!!

**iceberg** · 12-10-2006, 18:55

Mi è rimasto un piccolo problemino nel div register ho anche un pulsante (purtroppo devo tenerlo nel div register), che essendo un capo che in HTML diventa input non riesco a centrarlo...

io ho provato a fare (all'interno del div register)

codice:

<div id="button">
mio campo input
</div>


div#button {
    width: 400px;
    text-align: center; 
    margin: 0 auto;
}

div#button input {
    width: 100px; => dimensione del pulsante
    text-align: center; 
    margin: 0 auto;
}

Il pulsante mi risulta sempre allineato a SX

Grazie

**iceberg** · 13-10-2006, 17:47

Sto facendo prove da ieri pomeriggio ma sono ancora nella stessa situazione, intendo il problema della centratura del pulsante... faccio ancora appello alla tua gentilezza per avere un ultimo aiuto!

Grazie cmq!

**salasir** · 16-10-2006, 09:28

Mi sembra strano. :master:

Ho provato a copiare il tuo codice e inserire un pulsante ... ma mi viene esattamente al centro dello schermo ...

Non è che hai altre definizioni che condizionano la posizione?

**iceberg** · 16-10-2006, 17:39

Spero di aver copiato tutto... quello che non riesco a fare è centrare il pulsante:

codice:


<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">

/* REGISTER AREA */

div#register {
    width: 480px;
    text-align: center; 
    margin: 0 auto;
}

div#register .register-area {
    width: 480px;
    height: 20px;
    padding: 2px;
    margin: 0 auto;
}

div#register label {
    float: left; 
    text-align: right; 
    display: block;
    width: 200px
}

div#register input {
    margin-left: 10px;
    width: 180px;
    float: left;
}

div#button {
    width: 520px;
    text-align: center; 
    margin: 0 auto;
}

div#button input {
    text-align: center;
    margin: 0 auto;
    width: 80px;
}


</style>
</head>
<body>

<div id="content">
		
		<div id="leftcenter-area">   
		           
		<div id="boxbarleftcenter-top"></div>
		<div id="boxbarleftcenter-back">
		<div id="boxbarleftcenter-content"> 
		<div class="page" id="register">               
				 vari input di registrazione...			 
		<div id="button">
			<div align="center">
			<input type="submit" name="aa" value="Create User" " class="button-green" /></div>  
		</div>
		</div>
		</div>
		</div>
		 
          <div id="boxbarleftcenter-down"></div>              
 		</div>
			
		</div>
		</div> 
		</div> 
</div>  
</body>
</html>

**salasir** · 17-10-2006, 09:09

Prova a chiudere il div "register"

codice:

		<div class="page" id="register">               
				 vari input di registrazione...			 
                          </div>

Originariamente inviato da salasir
Occhio alla corretta utilizzazione di TUTTI i tag del form (form, fieldset, ...)

Discussione: Come allineare testo e descrizione

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio