Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Lunghezza di una form

  1. #1

    Lunghezza di una form

    Buonasera,
    vorrei poter 'accorciare' una semplice form di input, ma finora non ho avuto successo.
    Al momento occupa tutta la pagina nella sua lunghezza:

    codice:
    <div class="mc-field-group">
    	<label for="mce-FNAME">Nome </label>
    	<font color="#000000">
    	
    	<input type="text"  value="" name="FNAME" class="" id="mce-FNAME"  maxlength="50">
    	</font>
    </div>
    Vi ringrazio in anticipo.

    Saluti.

  2. #2
    Quote Originariamente inviata da FranzZappa77 Visualizza il messaggio
    Buonasera,
    vorrei poter 'accorciare' una semplice form di input, ma finora non ho avuto successo.
    Al momento occupa tutta la pagina nella sua lunghezza:

    codice:
    <div class="mc-field-group">
        <label for="mce-FNAME">Nome </label>
        <font color="#000000">
        
        <input type="text"  value="" name="FNAME" class="" id="mce-FNAME"  maxlength="50">
        </font>
    </div>
    Vi ringrazio in anticipo.

    Saluti.


    Aggiungi l'attributo style inline all'input di testo, imposti la proprietà "width" e come valore il numero in pixel che ti interessa. Una cosa del genere: <input style="width:200px" type="text" value="" name="FNAME" class="" id="mce-FNAME" maxlength="50">
    Ovviamente, se ritieni, puoi assegnare all'input di testo una classe o un identificatore per richiamarlo in un foglio di stile esterno.
    Saluti.

  3. #3
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,614
    Ciao, come consigliato puoi aggiungere classi agli input o altri elementi contenuti nella form. Volendo però potresti limitare la larghezza a tutta la form senza poi applicare le regole ai singoli elementi.
    codice:
    <style>
    .myForm : {
      max-width: 300px;
      //...altre regole...
    }
    </style>
    
    
    <div class="mc-field-group myForm">

  4. #4
    Grazie mille, funziona benissimo!

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 © 2019 vBulletin Solutions, Inc. All rights reserved.