le select vanno per i fatti loro e non a fianco alle label

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
Salve a tutti,

Eccomi con un nuovo problemino. innanzi tutto vorrei sapere quando si crea una select option tael elenco se c'è ad esempio una etichetta città, la selezione della città va in automatico vicino alla etichetta oppure si può posizionare come meglio si crede ???? E' quello che mi è capitato riscrivendo un codice e modificandolo. Questo è il listato completo:


PHP:
<html>
    <head>
        <meta charset="UTF-8">
        <title>Modulo Iscrizione</title>
  
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</script>  
<style type="text/css"> 
    #areaTitolo{
   width:100%;
   height:100px;
   position:absolute;
   top:0px;
   left:5px;
   text-align: center;
  }
 
 #area img{
 width:20px;
 height:20px;
 position:relative;
 bottom:40px;
 left:180px;
}

#div {
    
position:absolute;
top: 70px;    
} 
.dxsel {
margin: 0;
padding: 18px ;

float: right;
text-align: right;
} </style>
        
    </head>
    <body>
    <!-- Sistema sulla stessa riga dove viene visualizzata la data attuale il titolo dela pagina -->
    
    <div id="areaTitolo"> <h3> BENVENUTI NEL MODULI D'ISCRIZIONE </h3>
        
        <hr>
    </div>
<!--Neccessario per posizionare i campi dopo il tag hr che disegna una riga orizzontale -->    
   
<div id ="div">
     
       <!-- Inizia il modulo vero e proprio dell'iscrizione -->
   <form action='<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>' method='POST'>
   
       <!--Neccessario per posizionare i campi dopo il tag hr che disegna una riga orizzontale -->    

Cognome: <input type ="text" id="input1" name="cognome" /><div id="controllo1"><img src="" /></div> 

Nome: <input type ="text" id="input2" name="nome" /><div id="controllo2"><img src="" /></div> 

<label for="nascita">Data di nascita: <type = id="input3" name="nascita" /><div id="controllo3"><img src="" /></div> </label>

Username: <input type ="text" id="input4" name="username" /><div id="controllo4"><img src="" /></div> 
  
Password: <input type ="password" id="input5" name="password" /><div id="controllo5"><img src="" /></div> 

Ripeti - Password: <input type ="rippass" id="input6" name="password" /><div id="controllo6"><img src="" /></div> 

E-Mail: <input type ="text" id="input7" name="email" /><div id="controllo7"><img src="" /></div> 

Ripeti - Email: <input type ="text" id="input8" name="ripemail" /><div id="controllo8"><img src="" /></div> 
  
<label for="citta">Seleziona Città: <type = id="input9" name="citta" /><div id="controllo9"><img src="" /></div> </label>


<div id ="dxsel">
 <select id="citta" name="citta">
 <!-- Inizio elenco città -->
        <option value=””>-- Seleziona Citta --</option>
        <option value=””></option>       

<option>Agrigento</option>
<option>Alessandria</option>
<option>Ancona</option>
<option>Aosta</option>

     </select> 
 </div>


<label for="prov">Seleziona Provincia: <type = id="input10" name="prov" /><div id="controllo10"><img src="" /></div> </label>

<select id="provincia" name="provincia">

        <!--Inizio elenco provincia -->

        <option value=””>-- Seleziona Provincia --</option>
        <option value=””></option>    

<option value=”">Ag</option>
<option>Al</option>
<option>An</option>
<option>Ao</option>
<option>Ar</option>


    </select> 

</div> <!--Chiude il div di posizionamento subito dopo la riga-->
        <?php
        require_once("connettimysqli.php");
        require_once("data.php");
 if (!isset($_POST['submit'])) {   
     
 //Giorno

               echo "<select name=\"giorno\" id='giorno' required autofocus><option value=\"\">Seleziona</option>";
                echo "<option value=\"\">  </option>";
               for($gg=1; $gg<=31; $gg++){
                for($gg=1; $gg<=31; $gg++){
               echo sprintf("<option value=\"%02d\"> %02d </option>\n", $gg, $gg);
            }
          }
          echo "</select>";
//Mese

             echo '<select name="mesi" id="mese" required autofocus><option value="">Seleziona</option>';
            echo "<option value=\"\">  </option>";

             $mesi = array (
               "1" => "Gennaio",
              "2" => "Febbbraio",
                "3" => "Marzo",
               "4" => "Aprile",
                "5" => "Maggio",
               "6" => "Giugno",
               "7" => "Luglio",
               "8" => "Agosto",
               "9" => "Settembre",
                "10" => "Ottobre",
                "11" => "Novembre",
               "12" => "Dicembre",
             );
            foreach( $mesi as $m => $mese ){
               echo "<option value=\"$m\">{$mesi[$m]}</option>";
             }
             echo"</select>";
            
            
             //Anno

            $da=1950;
            $al=date('Y');
            echo '<select name="anno" id="anno" required autofocus><option value="">Seleziona</option>';
            echo "<option value=\"\">  </option>";
            for($aa=$da; $aa<=$al; $aa++){
            echo "<option value=\"$aa\"> $aa </option>";
            }
            echo "</select>" ;
     
     
 }  //chiude l'if del submit

    
        ?>
 </div>
    
 </div>
</form>
    </body>
</html>

E questo è quello che viene visualizzato:

http://s23.postimg.org/6cjnuroh7/Modulo_Iscrizione.png

Come notere l'elenco città e l'elenco provincia non sono allineate con le loro rispettive etichette nemmeno se tolgo le immagini. Spero che mi possiate aiutare grazie.
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.054
6
38
53
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
E' normale che ti viene su un gran casino... Se utilizzi i div devi fare un CSS ad hoc. Oppure utilizza una tabella per organizzare campi e label.
Poi il tag label manca su molte parti ed è impostato erroneamente...
Io direi che è un pò tutto da rifare!
 

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
Ciao filomeni,

Grazie di avermi risposto. Ma perchè le etichette quelle nome, cognome, data di nascita (senza le select a fianco), username, email, ripetiemail, password, ripetipassw, seleziona città e seleziona provincia sono tutte come le voglio io quindi una sotto l'altra mentre le select no ???? Non c'è la possibilità di fare un css o di gestirla cin un div soltanto le select e posizionarle dove mi fa più comodo anzicchè mettere i div per tutti i campi sopracitati ???
 
Discussioni simili
Autore Titolo Forum Risposte Data
P due select che non vanno d'accordo fra di loro PHP 4
L Ripetere Campi disabilitando input in riferimento ad un valore della select jQuery 0
otto9due Ordinare option di una select Javascript 5
W MySQL ciclo in SELECT MySQL 0
W MySQL SELECT list dinamica MySQL 0
M Select Option dentro una Table jQuery 2
G Colorare menu select attraverso ricerca php PHP 0
L problema con query select PHP 2
F menù select dinamico da db in php PHP 3
D popolare campi tra th alla select PHP 36
M Estrarre valore con SELECT COUNT PHP 0
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
L Select Dinamiche...da txt? PHP 3
E Php select option e ajax PHP 23
R Select concatenata che non funziona la seconda volta Ajax 3
L select join e sottrazione punti PHP 13
L input dati con inser into select ? PHP 4
V hierarchy-select jQuery 0
Emix Select concatenate php sql ajax PHP 2
F query e form con select multipla PHP 17
T recupero valori select multipla da android Javascript 3
J php, scegliere autista da select e mostrare se ha fatto un incidente PHP 8
Tommy03 Select in ordine per numero di record MySQL 7
T problema con select dinamica con jquery Javascript 0
J Far comparire e scomparire un div con un select Javascript 1
M Opzioni select da 1 a 200 PHP 0
I Fatal error: Query Failed! SQL: SELECT * INTO OUTFILE PHP 1
C input in sostituzione della select PHP 2
G Insert into select - Aiuto MySQL 0
max1974 autocomplete trigger select jQuery 0
X [Select] Valori chiave non presenti in un'altra tabella MySQL 2
M Estrarre dati da una select HTML PHP 3
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
T [PHP] Autocompilazione input multiple da una select PHP 1
Alex_70 [PHP] Visualizzare foto tramite select PHP 0
S [PHP] aggiornamento table tramite select senza ricaricare la pagina PHP 5
psicomia Gestione funzione in javascript in tabella richiamare"textarea" valori preimpostati in "select" Javascript 2
M [PHP] Problema con query select PHP 2
C [PHP] Controllo <select> comportamento anomalo PHP 2
G [PHP] Select con opzioni dipendenti da un'altra select PHP 3
L [Javascript] Select option in campi input Javascript 4
M [PHP] Problemi con select PHP 6
S [RISOLTO] aggiorna tabella da select option asp classic Classic ASP 7
S [ASP] SALVARE VALORE SELECT OPTION SU CAMPO TABELLA ACCESS Classic ASP 9
max1974 [Javascript] malfunzionamento select Javascript 0
M [PHP] Drop down in campo select PHP 1
D [PHP] Select dinamici PHP 2
G sql select con array in php PHP 1
L [PHP] Form da select compilare campi automaticamente PHP 1
T [php] problema creazione query select-where PHP 5

Discussioni simili