problema sistemazione css
Salve a tutti,
Ho il seguente problema che non riesco a risolvere. Ho da visualizare la data odierna contenuta in un file php e richiamato nella parte bassa del foglio html e poi nella parte altra per intenderci dove ci sono i tag <body> </body> ho l'intestazione il tutto contornato da una riga verticale. Solo che quando vadno ad inserire un campi input sotto la riga, me lo mette in mezzo alla riga. Questo il codice:
Codice PHP:
</script>
<style type="text/css">
#Data{
position:absolute;
top:0px;
left:10px;
left:20px;
}
#Titolo{
position:absolute;
top:0px;
left:395px;
width: 350px;
font-size:100%;
}
hr {
width: 1038px;
color: #0000ff;
}
div {
position:absolute;
top: 65px;
}
footer{
bottom:0;
height:100px;
position:absolute;
width:100%;
text-align:center;
}
table{
border:1px solid black;
}
</style>
</head>
<body>
<header>
<div id="Titolo"><h2>Prova inserimento campi</h2> </div>
<div id="hr"> <hr> </div> </hr>
</header>
<footer>
<div id="footer">
pincopallino
</footer> </div>
<!-- inizio inserimento campi per processarli con ajax -->
<form action="checkdate.php" method="post" id="contatti">
<div id="div">
<label for="cognome">Cognome: <input type ="text" id="cognome" name="cognome" onkeyup="input" maxlenght ="15" ></label>
<p>
</div> </form>
<?php
include_once("connettimysqli.php");
include_once("data.php");
?>
</body>
</html>
Mi potreste dare una corretta per favore ??? Questa è l'immagine.
http://s8.postimg.org/gww659ut1/insdati.png
Grazie spero in una vostra sistemata . non sono molto bravo con i css.
Problemi di allineamento css
Ciao mexonline,
Allora rettifico di nuovo perdonatemi. Ancora il calvario non è finito. Ho messo il testo originale del footer ma ovviamente sono ricomparse le scroolbar in quanto è sud due righe. Con le scroobar si legge tutto regolarmente per intero, però volevo far si che scomparissero e anche se sta su due righe si leggesse ugualmente, come fanno in molti siti. Posto di nuovo il codice stavolta con il footer completo.
Codice PHP:
<style type="text/css">
#Data{
position:absolute;
top:0px;
left:10px;
left:20px;
}
#Titolo{
position:absolute;
top:0px;
left:395px;
width: 350px;
font-size:100%;
}
hr {
position:absolute;
top: 50px;
width: 1055px;
color: #0000ff;
}
div {
position:absolute;
top: 72px;
}
footer{
bottom:0px;
height:100px;
position:absolute;
text-align:center;
width:1000px;
}
table{
border:1px solid black;
}
</style>
</head>
<body>
<header>
<div id="Titolo"><h2>Prova inserimento campi</h2> </div>
<hr>
</header>
<footer>
<div id="footer">
La pagina è stata creata by Fabio xxx. Tutti i diritti riservati.
Ogni parte o contenuto di essa se ricopiati o riportati in altre pagine
senza previaviso e autorizzazione dell'autore, saranno puniti a norma di legge.
</div> </footer>
<!-- inizio inserimento campi per processarli con ajax -->
<form action="checkdate.php" method="post" id="contatti">
<div>
<label for="cognome">Cognome: <input type ="text" id="cognome" name="cognome" onkeyup="input" maxlenght ="15" ></label>
<p>
</div> </form
<?php
include_once("connettimysqli.php");
include_once("data.php");
?>
</body>
</html>
Come si potrebbe sistemare ???? Grazie di nuovo.
