• P
    User Attivo •

    problema: la select della città mi va a fondo pagina invece di stare a fianco

    Salve a tutti,

    Ho un piccolo problema che mi sta facendo inmpazzire da qualche giorno tanto per cambiare. Ho sempre le due select famose. Ina citta e una provincia. Cosa succede ??? Quando metto la select citta, invece di affiancarmela vicino alla targhetta "Inserisci città: " e a fianco dovrebbe comparire la selezione delle città, mi va a fondo pagina. Mentre con la provincia va tutto bene e me lo mette a fianco. Non capisco come al solito dove sbaglio. QUesto è l'intero listato.

    iscrizione.php

    [PHP]

    <html>
    <head>
    <meta charset="UTF-8">
    <title>Modulo Iscrizione</title>

    <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;
    }
    #nascita {

    width:100%;
    height:100px;
    position:absolute;
    top:180px;
    left:110px;
    }
    #datanascita {

    width:100%;
    height:100px;
    position:absolute;
    top:172px;
    left:5px;
    }
    #div {

    position:absolute;
    top: 70px;
    }

    #username{

    position:absolute;
    top: 190px;
    }
    #email{

    position:absolute;
    top: 250px;
    }

    #ripemail{

    position:absolute;
    top: 285px;
    }
    #password{

    position:absolute;
    top: 320px;
    }
    #rippass{

    position:absolute;
    top: 360px;
    }
    #citta{

    position:absolute;
    top: 400px;
    }
    #prov{

    position:absolute;
    top: 430px;
    }
    </style>

    </head>
<!-- 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 -->
   
   Cognome: <input type ="text" id="input1" name="cognome"/><div id="controllo1"><img src="" /></div> 
<p> <p>
Nome: <input type ="text" id="input2" name="nome/><div id="controllo2"><img src="" /></div>
</p></p>

    <p> <p>
    <div id="datanascita">
    <label> Data di nascita: </label><img src="" /></div>
    </p></p> </div>

    <div id="username">

    <p> <p>

    Username: <input type ="text" id="input3" name="nome/><div id="controllo3"><img src="" /></div>
</p></p>

    <p> <p>
    <div id="email">

    Email: <input type ="text" id="input4" name="nome/><div id="controllo4"><img src="" /></div>
</p></p>

    <p> <p>
    <div id="ripemail">

    Ripeti - Email: <input type ="text" id="input5" name="nome/><div id="controllo5"><img src="" /></div>
    </p></p>

    <p> <p>
    <div id="password">

    Password: <input type ="text" id="input6" name="nome/><div id="controllo6"><img src="" /></div>
</p></p>

    <div id="rippass">

    Ripeti-Password: <input type ="text" id="input7" name="nome/><div id="controllo7"><img src="" /></div>
</p></p>

    <div id="citta">

    <label for="citta">Seleziona Città: </label>
<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>


<!--Fine elenco città -->
<div id="prov">

<label for="provincia">Seleziona la Provincia:  </label>
<select id="provincia" name="provincia">

    <!--Inizio elenco provincia -->

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

    <option >Ag</option>
    <option >Al</option>
    <option >An</option>
    <option >Ao</option>

</select> </div>

    </form>

    <body>
    <?php
    require_once("connettimysqli.php");
    require_once("data.php");

        echo '<div id="nascita">';      
      //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>" ;
    ?>

    </div>

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

    [/PHP]

    Ancora da terminare. E questa l'immagine che compare se si fa girare il modulo.

    http//s16.postimg.org/h3x0lajph/Modulo_Iscrizione.png

    Spero di ricevere aiuto e risposta come al solito. Ringrazio tutti anticipatamente.

    P.S.: Copiare il link aggiungendo i ":" mancanti grazie

    0
  • P
    User Attivo •

    Ciao
    dal codice ho notato che l'id della select della città e l'id del div che la contiene hanno lo stesso nome. Se cambi id e nome della select tutto funziona.

    0
  • P
    User Attivo •

    Ciao PietroR,

    Se ci fai caso nel mio listato che ho postato completo, sono le classi che dichiaro dove devono essere posizionati le varie etichette. Anche l'id prov è uguale all'id della select e quella me la posizione bene. perchè la città mi va giù invece di essere a fianco come con la pronvicia????

    0
  • P
    User Attivo •

    Ciao PietroR,

    Devo chiederti scusa. Non mi ero accorto che anche gli altri div avevano nome diverso. Difattio modificato il div citta in cit è tornato tutto alla normalià. Il post si può chiudere con un risolto grazie dell'aiuto.

    0
  • P
    User Attivo •

    Salve a tutti,

    L'ho riscritto da capo un pochino più ordinato ma ho un piccolo problema. Spero che mi possiate aiutare. La targhetta città con l'elenco città e la targhetta provincia con elenco provincia non sono allineate fra di loro. Mi spiego meglio: la targhetta città sta bene dove sta, invece l'elenco sta alla riga sotto. Ora posto il codice ovviamente non metto tutte le citta è provincie diventerebbe troppo lungo.

    [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=&#8221;&#8221;>-- Seleziona Provincia --</option>
    <option value=&#8221;&#8221;></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>

    [/PHP]

    E questo è quello che si vede:

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

    Mi potresti dare una mano per favore ???? Ah a proposito, anche i selettori giorno/mese/anno sono posizionati male. Grazie

    P.S.: Inserire i ":" per vedere l'immagine. Gli utenti non premium non possono visualizzare i link a meno che non togli i ":". Grazie.

    0
  • P
    User Attivo •

    Ciao
    sono stato un attimo preso questi giorni, a breve dovrei riuscire a prendere in mano tutto

    0
  • P
    User Attivo •

    Ciao PietroR,

    Grazie di avermi risposto aspetto tue notizie. Buona giornata.

    0
Effettua l'accesso per rispondere