scritta di avviso inserimento dati corretti che non vuole scendere verso il basso
Salve a tutti,
Purtroppo mi trovo ancora in difficoltà. Sto facendo un semplice form d'inserimento dati senza controlli e senza verifica in formato ajax. Era per ripassare un pochino la memoria. Il problema è il seguente: ho la scritta di "dati inseriti correttamente" che si accavalla sull'input e non riesco a farla scendere con css. Questo quanto ho fatto:
Codice PHP:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#intestazione{
width:100%;
height:100px;
position:absolute;
font-family: Comic Sans MS;
top:0px;
left:0px;
text-align: center;
}
#divhr {
position:absolute;
top: 100px;
font-family:Comic Sans MS;
}
#messaggio {
/*position:absolute;*/
top: 300px;
font-family:Comic Sans MS;
}
</style>
</head>
<body>
<div id = "intestazione">
<h1>Gestione iscrizione prova</h1>
<hr>
</div>
<div id = "divhr">
<form method="POST" action="<?php $_SERVER['PHP_SELF'] ?>">
Nome: <input type="text" name="nome" maxlength="80" size ="82">
<p> <p>
Cognome: <input type="text" name="cognome" maxlength="80" size ="82">
</p></p>
<p> <p>
Username: <input type="text" name="username" maxlength="80" size ="82">
</p></p>
<div align ="center">
<input type="submit" name="reg" value="Invio Iscrizione" />
</div>
</div>
</form>
<?php
require_once("connetti.php");
require_once("data.php");
echo"</hr)";
$idnome = $_POST['idnome'];
$nome = $_POST['nome'];
$cognome = $_POST['cognome'];
$username = $_POST['username'];
if(!empty($_POST)){
$query=("INSERT INTO provadati(nome, cognome, username) VALUES('$nome','$cognome','$username')");
$result = mysql_query($query); //order executes
if($result){
echo '<div id ="messaggio">';
echo("<p> Inserimento avvenuto correttamente <p>");
} else{
echo("<br>Inserimento non eseguito");
}
}
echo"</div>";
?>
</body>
</html>
Mi potreste aiutare cortesemente e capire il perchè non vuole acendere ??? Vi allego anche l'immagine. Dov'è lo sbaglio ????? Grazie spero in un vostro aiuto. Ecco l'immagine:
http://s10.postimg.org/ahs8g2aqx/Scr...be_stare_s.jpg
