Visualizzazione dei risultati da 1 a 10 su 10

Discussione: tag input

  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    30

    tag input

    Ciao, devo fare un elenco di di tag input del genere:
    <fielset>
    ...
    <legend>Città:<input type="text"></legend>

    <legend>Cap:<input type="text"></legend>

    </fielset>

    Vorrei sapere due cose:
    1) Come posso fare in modo che le caselle di testo siano allineate tutte a dx e non stiano tutte a contatto con la scritta che le precede?
    2) Cè un modo per avere gli angoli delle caselle non arrotondati?

    Vi ringrazio

  2. #2
    Il tuo codice non è corretto. Legend non si usa per fare le etichette dei campi input. Si usano le label:
    codice:
    <label for="citta">Città</label>
    <input type="text" />
    <label for="cap">Cap</label>
    <input type="text" />
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    Per staccare l'input dal testo (regolati come preferisci con il valore del margine)

    Codice PHP:
    <input style="margin-left:10px;" type="text"
    Cosa vuoi mettere a destra?
    Promuovi il tuo business su PartnerTip

    Condividi informazioni sulle città del mondo su KooKooZa!

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    30
    Io vorrei che le caselle (che stanno a dx della scritta relativa) siano allineate a dx rispetto al loro bordo dx e le scritte invece siano allineate a sx rispetto alla prima lettera

  5. #5
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    racchiudi ogni label+input dentro un altro elemento, ad esempio un paragrafo.
    Il paragrafo avrà il clearing con il metodo che utilizza l'overflow: hidden
    la label la fluttui a sinistra (ricordati di specificare anche la width)
    mentre l'input lo puoi eventualmente fluttuare a destra


  6. #6
    Prova a sbilanciarmi, ma credo di aver capito che il tuo problema sia l'incolonnamento dei vari campi...se così fosse la soluzione è una bella tabella e passa la paura.

    Codice PHP:
    <table>
    <
    tr>
    <
    td style="padding-right:10px;text-align:left;">Città</td>
    <
    td style="padding-left:10px;text-align:right;" ><input type="text" /></td>
    </
    tr>
    <
    tr>
    <
    td style="padding-right:10px;text-align:left;">Cap</td>
    <
    td style="padding-left:10px;text-align:right;" ><input type="text" /></td>
    </
    tr>
    </
    table
    eventualmente i CSS sarebbero graditi, è un consiglio
    Promuovi il tuo business su PartnerTip

    Condividi informazioni sulle città del mondo su KooKooZa!

  7. #7
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da lore83
    la soluzione è una bella tabella e passa la paura.
    si può fare di meglio, senza tabelle

    guarda un po' più sopra

  8. #8
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    30
    Mi metto a fare un pò di prove, per adesso grazie

  9. #9
    Originariamente inviato da Myaku
    si può fare di meglio, senza tabelle

    guarda un po' più sopra
    certo, ma dipende dalle capacità dell'utente. il mio è + user-friendly è non ha problemi di browser anche complicandolo. ci faccia sapere mattia_3, ci faccia sapere
    Promuovi il tuo business su PartnerTip

    Condividi informazioni sulle città del mondo su KooKooZa!

  10. #10
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da lore83
    il mio è + user-friendly
    ... al limite, più developer-friendly

    ok, ok, era chiaro stasera sono in vena. Logico, poi vedrà mattia come preferisce

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