salve a tutti
io ho questa pagina php
che si chiama contatto.php
<html>
<head>a
<title>Contatto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="div_contatto.css" rel="stylesheet" type="text/css" />
<style>
body {
background-color: ;
margin: 50px auto;
color: #fff;
font-family: Comic Sans MS, sans-serif;
font-size: 16px;
}
#form {
width: 500px;
margin: 20px auto;
background: #222;
padding: 25px;
overflow: scroll;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
h1 {
font-size: 19px;
color: #FCCC69;
margin-bottom: 20px;
}
label, input, textarea { /* Stili comuni agli elementi del form */
color: #dedede; /* Colore del testo */
float: left; /* Float a sinistra */
font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
margin: 10px 0; /* Margini */
}
label { /* Stili per la label */
display: block; /* Impostiamo la label come elemento blocco */
line-height: 30px; /* Altezza di riga */
width: 150px; /* Larghezza */
}
input, textarea { /* Stili per il campo di testo e per la textarea */
background: #1C1C1C; /* Colore di sfondo */
border: 2px solid #323232; /* Bordo */
color: #fff; /* Colore del testo */
height: 30px; /* Altezza */
line-height: 30px; /* Altezza di riga */
width: 300px; /* Larghezza */
padding: 0 10px; /* Padding */
}
.mex input, textarea{ /* Stili per il campo di testo e per la textarea */
background: #1C1C1C; /* Colore di sfondo */
border: 2px solid #323232; /* Bordo */
color: #fff; /* Colore del testo */
height: 50px; /* Altezza */
line-height: 25px; /* Altezza di riga */
width: 300px; /* Larghezza */
padding: 0 10px; /* Padding */
}
input { padding-left: 30px;
textarea { /* Stili specifici per la teaxtarea */
background: #1C1C1C url('images/social_balloon.png') no-repeat 235px 95px; /* Sfondo con immagine */
font-size: 12px;
height: 200px;
width: 320px;
overflow: scroll;
}
#submit {
/* immagine di sfondo */
background: url(Immagini/submit.png) no-repeat center;
border: none; /* nessun bordo */
color: #fff; /* colore del testo */
font-weight: bold; /* testo in grassetto */
padding: 0; /* padding */
height: 25px; /* altezza */
width: 80px; /* larghezza */
}
</style>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:901px;
top:6px;
width:95px;
height:119px;
z-index:1;
}
</style>
</head>
<body link="orange" vlink="orange">
<div id="contatto">
<div id="Layer1">
[img]logout.jpg[/img]
</div>
<form action="mex.php" method="post">
<div id="form">
<h1 align="center">Invia ora il tuo messaggio</h1>
<label for="nome">Nome</label>
<input type="text" name="nome" id="nome" />
<label for="messaggio">Messaggio</label>
<textarea name="messaggio" id="messaggio" cols="30" rows="10" class="mex">
</textarea>
<input type="submit" id="submit" name="submit" value="Invia" >
</div>
</form>
<?php
require "connessione_db.php";
$sql="SELECT * FROM `messaggi` ";
$result=mysql_query($sql);
$righe= mysql_affected_rows ();
if($righe<1)
{
print "<p align='center'>Nessun messaggio";
exit;
}
while ($records=mysql_fetch_assoc($result)) {
print "<div align='center'>";
print "<font color='black' size='+1'>";
print "Messaggio da: ".$records['Id']."
";
print "Testo: ".$records['mex']."
</div>";
}
?>
<div align="center"><font size="+1">
Torna Indietro
</div>
</div>
</body>
</form>
</html>
e la sua pagina div che è questa:
/* CSS Document */
.codice {
font: 12px "Courier New", Courier, mono;
color: Black;
}
body {background-image: url(contatto.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
div#contatto{
position:fixed;
left:36%;
top:15%;
background-repeat: no-repeat;
border:0px solid black;
padding:0.4em;
width:403px;
height:399px;
color: blue;
}
il mio problema e che quando mando più di due messaggi gli altri non li vedo perchè la pagina finisce.. dovrei metterci uno scroll?
se si dove? o qualcuno sa come fare?
Rispondi quotando
