Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    problema allineamento campi text

    Il problema è questo:
    ho un form con due campi text. IE e Netscape ordinano i campi orizzontalmente mentre opera li mette uno sopra l'altro.
    Il codice html del form è semplicissimo:
    <div class="form">
    <form action="#" method="post">
    <input type="text" id="primo">
    <input type="text" id="secondo">
    </form>
    </div>

    Naturalmente uso i fogli di stile.
    Come posso risolvere?

  2. #2
    Utente di HTML.it L'avatar di marco_c
    Registrato dal
    Jun 2004
    Messaggi
    1,047
    una tabella no?
    Gli uomini si dividono in due categorie: i geni e quelli che dicono di esserlo. Io sono un genio.

  3. #3
    Tabella??? VVoVe: NO!

    Non puoi mettere

    input {
    .
    .
    .
    display: inline;
    }

    ?

    Prova un attimo a postare tutto il css, please.

  4. #4
    Ho risolto il problema dell'allineamento con una tabella.
    Ora però ho un altro intoppo: non riesco a fare in modo che il pulsante del login sembri una semplice scritta. O meglio, con IE e Netscape ci sono riuscito eliminando i bordi e cambiando il colore di sfondo, mentre con opera rimane sempre una specie di ombra.
    Sapete se c'è un modo con i fogli di stile per eliminare questo effetto?
    Grazie

  5. #5

  6. #6
    Originariamente inviato da pierofix
    Ma proprio con una tabella dovevi risolvere?
    Altrimenti?
    Thanks

  7. #7
    Originariamente inviato da pierofix
    Tabella??? VVoVe: NO!

    Non puoi mettere

    input {
    .
    .
    .
    display: inline;
    }

    ?

    Prova un attimo a postare tutto il css, please.

  8. #8
    ho provato ma non funzica
    ho 2 campi text ed un submit
    i campi text li allinea orizzontalmente, il pulsante lo infila di sotto
    tutto questo succede solo con opera

  9. #9
    Ripeto: puoi postare il css completo, che ho un'idea? Grazie.

  10. #10
    <div class="form">
    <form action="#" method="post">
    <input type="text" id="primo">nick
    <input type="text" id="secondo">pass
    <input type="submit" id="login" value="login">
    Registrati
    </form>
    </div>



    .form {
    position: absolute;
    padding: 0px; margin: 0px;
    margin-left: 465px; top: 52px;
    color: black;
    vertical-align: center;
    }
    .form input#primo {
    width: 70px; height: 16px;
    border: solid 1px black;
    background-color: #ff9;
    }
    .form input#secondo {
    width: 70px; height: 16px;
    border: solid 1px black;
    background-color: #ff9;
    }
    .form input#login {
    border: none;
    border-right: solid 1px black;
    font-size: 9px;
    width: 40px; height: 16px;
    background-color: #fff;
    cursor: pointer;
    }
    .form a {
    font-size: 10px;
    width: 70px; height: 16px;
    background-color: #fff;
    text-decoration: none;
    }

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.