Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    24

    problema ad allineare le label in un box

    Salve, stò provando ad usare i css al posto delle tabelle. Ho un problema con un box nel quale devo inserire il login: non riesco ad allineare le label con i campi. Ho seguito passo passo le istruzioni che ho trovato su un post ma non si allinea... provo a postare il codice nella speranza che qualcuno mi dia un consiglio. Grazie.

    <div id="box_login">
    <form id="form" method="post" action="">
    <fieldset>
    <div>
    <label for="key">Utente </label>
    <input name="key" type="text" id="key" value="<?php echo $key?>" />
    </div>
    <div>
    <label for="pwd">Password </label>
    <input name="pwd" type="password" id="pwd" value="<?php echo $pwd?>" />
    </div>
    <div class="form-button">
    <input type="submit" id="go" value="login">
    </div>
    </fieldset>
    </form>
    </div>



    #box_login {
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    width: 90%;
    height: 150px;
    border:solid 1px #dddddd}

    #form{ width: 100%;
    min-width:150px}

    #form fieldset{
    border:0px solid;
    margin:0;
    padding:0}

    #form div{padding: 10px 0;
    color: #333;
    border-top: 0px solid #CCC}

    #form label{float: left;
    width: 33%;
    line-height: 23px;
    padding-right: 2%;
    text-align:right}

    #form fieldset input,textarea{width:58%}

    #form div.form-button input{margin-left:35%}

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Cosa c'è che non va?
    Io lo vedo perfettamente allineato.
    Guarda qui

    Per una bella risata vai QUI

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    24
    A me non si allinea nel box. Allora il problema deve essere a livello superiore.
    Il corpo è composto da tre colonne. In quella sx ci sono due box uguali in verticale, in quella dx idem solo che il box superiore deve contenere i dati di login.
    Posto l'intero codice:

    <body><center>
    <div id="main"><center>
    <?php require_once("__testata.php")?>
    <div id="corpo">
    <div id="corpo_sx">
    <div id="box_sx">
    </div>
    <div id="box_sx">
    </div>
    </div>


    <div id="corpo_centro">
    Bla... bla... bla....
    </div>


    <div id="corpo_dx">

    <div id="box_login">
    <form id="form" method="post" action="">
    <fieldset>
    <div>
    <label for="key">Utente </label>
    <input name="key" type="text" id="key" value="<?php echo $key?>" />
    </div>
    <div>
    <label for="pwd">Password </label>
    <input name="pwd" type="password" id="pwd" value="<?php echo $pwd?>" />
    </div>
    <div class="form-button">
    <input type="submit" id="go" value="login">
    </div>
    </fieldset>
    </form>
    </div>


    <div id="box_sx">
    </div>

    </div>

    </div>

    <?php require_once("__piede.php")?>
    </center></div>
    </center></body>
    </html>




    body {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-family: "Trebuchet MS", Arial, Verdana;
    font-size: 85%;
    color: #333333;
    }

    #box_login {
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    width: 90%;
    height: 150px;
    border:solid 1px #dddddd}

    #form{ width: 100%;
    min-width:150px}

    #form fieldset{
    border:0px solid;
    margin:0;
    padding:0}

    #form div{padding: 10px 0;
    color: #333;
    border-top: 0px solid #CCC}

    #form label{float: left;
    width: 33%;
    line-height: 23px;
    padding-right: 2%;
    text-align:right}

    #form fieldset input,textarea{width:58%}

    #form div.form-button input{margin-left:35%}


    #main {
    background-color: #FFFFFF;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: left;
    }

    #corpo {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    height: 380px;
    margin: 0 auto;
    }


    #corpo #corpo_sx {

    width: 24%;
    height: 350px;
    margin: 0px;
    padding: 0px;
    float:left;
    }

    #corpo #corpo_centro {
    background-color:#eaeaea;
    width: 50%;
    height: 350px;
    margin: 0px;
    margin-left: 10px;
    padding: 0px;
    float:left;
    }

    #corpo #corpo_dx {
    width: 24%;
    height: 350px;
    margin: 0px;
    padding: 0px;
    float:right;
    }

    #box_sx {
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    width: 90%;
    height: 150px;
    border:solid 1px #dddddd;
    }

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Perfettamente allineato

    nota:

    <center> non piace a tutti i browser

    Per una bella risata vai QUI

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    24
    Questa è bella! A me Password esce scritto sotto al campo utente ed il campo password alla riga successiva....
    Da cosa potrebbe dipendere?

    <center> come lo posso sostituire? Grazie per la tua pazienza!

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Grazie per la tua pazienza!
    di nulla.

    <center> fa parte del html5

    Come sostituire? Con un <div> con margin: 0 auto; o 20px auto; ecc....

    Che browser hai usato per vedere la tua pagina?
    hai provato con altri browser?
    Che dichiarazione doctype usi (quella dicitura ad inizio di ogni pagina)?



    EDIT

    In ogni caso ho fatto tutti i possibili test ( persino IE7 ) e lo vedo sempre perfetto
    Per una bella risata vai QUI

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.