Assegnare gli stili

[rocco.mod]

ciao ragazzi non so come sistemare in ordine questi campi di testo come assegniare che devono stare uno sopra l altro in centro mi aiutate

<?php if(isset($error) && $error==1){echo 'onload="document.forms[0].scratch_submit.focus()"';} ?>
      <h2></h2>
      <div class="content"> 
        <form id="captchaForm" name="captchaForm" method="post" action="">
          <div class="row">
            <label for="company">RagioneSociale: </label>
            <input name="company" type="text" id="company" size="30" value="<?php if(isset($_POST['company'])){echo $_POST['company'];} ?>" />
          </div>
            <div class="row"><label for="name">Nome: </label>
            <input name="name" type="text" id="name" size="30" value="<?php if(isset($_POST['name'])){echo $_POST['name'];} ?>" />
          </div>
            <div class="row"><label for="name">Cognome: </label>
            <input name="surname" type="text" id="surname" size="30" value="<?php if(isset($_POST['surname'])){echo $_POST['surname'];} ?>" />
          </div>
            <div class="row"><label for="address">Telefono: </label>
            <input name="telephone" type="text" id="telephone" size="30" value="<?php if(isset($_POST['telephone'])){echo $_POST['telephone'];} ?>" />
          </div>
            <div class="row"><label for="company">Oggetto: </label>
            <input name="sub" type="text" id="sub" size="30" value="<?php if(isset($_POST['sub'])){echo $_POST['sub'];} ?>" />
             </div>
            <div class="row"><label for="email">Email: </label><input type="text" name="email" size="40" value="<?php if(isset($_POST['email'])){echo $_POST['email'];} ?>" /></div>
            
            <div class="row"><label for="comments">Messaggio: </label><textarea name="comments" cols="45" rows="5" id="comments"><?php if(isset($_POST['comments'])){echo $_POST['comments'];} ?></textarea></div>
            <div class="row"><label for="reset">(erases all data inserted up to now) </label><input type="reset" name="Reset" id="reset" value="I am stupid and want to start again" onclick="return resetta()"></div>
            <div class="clear"></div>    <hr />
            

Ready ? Ok, but before you click 'Send Form' please insert the same letters and numbers you see in this image into the box to your bottom</p>
            <div class="cpt">[img]captchaImage.php[/img]<input type="text" id="captcha_input" name="captcha_input" size="15" /></div>
            <hr />
            <?php if($error == 1){ ?><p class="error">The code you inserted was not correct. Try with the new code above</p><?php } ?>
            <div class="inp" style="text-align:center"><label for="submit"></label><input type="submit" name="scratch_submit" id="scratch_submit" value="Send Form" /></div>
        </form>

[bubu77]

ti sposto

[axxe16]

Ciao,
dai a label una dimensione fissa dovrebbe bastare. Fai una cosa del genere:

label {width:300px; display:block; float:left; clear:left; padding:5px;}
input {margin:5px;}

[rocco.mod]

grazie ora provo

[rocco.mod]

una domanda e dove devo scrivere quello script che mi hai postato?

[rocco.mod]

mi faresti un esempio?

[axxe16]

bhe lo puoi mettere definendo lo stile della pagina prima della chiusura di head


<style>
label {width:300px; display:block; float:left; clear:left; padding:5px;}
input {margin:5px;}
</style>

</head>

[rocco.mod]

non va e poi con firefox melo da diversamente lo stile

[axxe16]

mha... allora mi sa che non ho capito cosa vuoi ottenere... non volevi i campi input allineati uno sotto all'altro equidistanti?
Come il file in allegato?

[rocco.mod]

si esatto

<div class="content">
        <form id="captchaForm" name="captchaForm" method="post" action="">
            <div class="row">
</div>
            <div class="row">
</div>
            <div class="row"><label for="company">Ragione Sociale: </label><input name="company" type="text" id="company" size="30" value="<?php if(isset($_POST['company'])){echo $_POST['company'];} ?>" /></div>
            <div class="row"><label for="name">Nome: </label><input name="name" type="text" id="name" size="30" value="<?php if(isset($_POST['name'])){echo $_POST['name'];} ?>" /> </div>
            <div class="row"><label for="name">Cognome: </label><input name="surname" type="text" id="surname" size="30" value="<?php if(isset($_POST['surname'])){echo $_POST['surname'];} ?>" /></div>
            <div class="row"><label for="address">Telefono: </label><input name="telephone" type="text" id="telephone" size="30" value="<?php if(isset($_POST['telephone'])){echo $_POST['telephone'];} ?>" /></div>
            <div class="row"><label for="address">Oggetto: </label><input name="sub" type="text" id="sub" size="30" value="<?php if(isset($_POST['sub'])){echo $_POST['sub'];} ?>" /></div>
            <div class="row"><label for="email">Email: </label><input type="text" name="email" size="30" value="<?php if(isset($_POST['email'])){echo $_POST['email'];} ?>" /> </div>
            <div class="row"><label for="comments">Messaggio: </label><textarea name="comments" cols="30" rows="5" id="comments"><?php if(isset($_POST['comments'])){echo $_POST['comments'];} ?></textarea></div>
            <div class="row"><center><? echo "$ip";?></center></div>
             <div class="row"><center><? echo "$date" ?></center></div>
            <div class="row">
</div>