Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    Allineamento in alto tag dentro div

    Vorrei allineare a "top" questi 3 tag (il div a sua volta è dentro un form)
    codice:
    <div>
      <label>Richiesta</label>
      <span>*</span>
      <textarea name="msg"></textarea>
    </div>
    In questo momento si allineano verso il basso e l'effetto con la texarea è bruttino...

    Io stavo usando il display:inline-block per allinearli in orizzontale e dare delle misure uguali per tutti...
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  2. #2
    Davvero poco chiaro quello che intendi dire...
    Spiegati meglio

  3. #3
    Allego foto per capire meglio...

    In pratica il css per ora è questo... ma sia allinea verso il basso (come la parte in alto della foto allegata). Io vorrei allinarli come la parte in basso di tale immagine.
    codice:
    	#contatti div {
    		/*border:1px solid red;*/
    	}
    
    	#contatti input, #contatti textarea {
    		border: 1px solid #666;
    		width: 200px;
    	}
    	#contatti label {
    		display: inline-block;
    		width: 100px;
    	}
    	#contatti span {
    		display: inline-block;
    		width: 6px;
    		color: red;
    	}
    Immagini allegate Immagini allegate
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  4. #4
    codice:
    * {
    		float: left}
    #contatti div {
    		/*border:1px solid red;*/
    		padding: 1em;
    		width: 206px;
    		height: 4.5em
    	}
    
    	#contatti input, #contatti textarea {
    		border: 1px solid #666;
    		width: 200px;
    	}
    	#contatti label {
    		display: inline-block;
    		width: 100px;
    	}
    	#contatti span {
    		display: inline-block;
    		width: 6px;
    		color: red;
    	}
    #contatti textarea {
    	font-family: Verdana, Geneva, sans-serif;
    }
    #contatti textarea {
    	font-size: 1em;
    	line-height: 1.5em;
    	height: 4.5em;
    }
    prova così

  5. #5
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    prova ad assegnare un margin top a input e textarea

  6. #6
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Prova anche semplicemente
    codice:
    #contatti label { vertical-align:top;}
    #contatti span {vertical-align:top }

  7. #7
    Grazie, ero partito prevenuto sul vertical-align ... invece funziona (anche su ie)
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.