Problemi di allineamento css
Salve a tutti,
So che è una cavolata ma non capisco dove sbaglio. Dunque sulla mia pagina devo allineare due testi di cui un testo che viene visualizzato a sx dello schermo (ossia la visualizzazione della data), viene visualizzata come si deve. Invece il testo "benvenuto" dovrebbe essere allineato al centro sulla stessa riga della data. ma questo non avviene e avviene sfalzato, ossia la data viene visualizzata in alto a sx come deve essere e il "benvenuto" viene visualizatto si al centro ma sotto di una riga. E' possibile metterlo sulla stessa riga ??? Spero di ricevere un vostro aiutino grazie. Questo è quanto viene visualizzato:
Questo è quello che viene visualizzato:
http://s3.postimg.org/qofb4ka9v/Data...e_sfalzati.png
E questo è quanto ho fatto:
Codice PHP:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.sin{
margin:0;
padding:0;
background:transparent;float:left;
clear: both;
}
.cent{
height: 0;
margin:0;
padding:0;
text-align: center;
}
</style>
</head>
<body>
<?php
include_once("connetti.php");
include_once("data.php");
echo '<div class="cent">';
echo "<h2> Prova inserimento campi </h2>";
echo "<hr /> </div> ";
?>
</body>
</html>
Problemi di allineamento css
Ciao NLSweb,
Allora ho risolto come da te suggeritomi. Ovviamente c'è una piccola imperfezione ma meglio di prima lo è. innanzi tutto ti posto i due codici ta richiesti.
Questo è il file data.php richiamato nel file html:
Codice PHP:
<?php
$Attuale = date("d/m/Y");
//$Trattino =" - ";
echo $Attuale ;
?>
E questo è l'intero codice html:
Codice PHP:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.sin{
width: 20%;
}
.cent{
position:relative;
bottom:50px;
text-align:center;
}
</style>
</head>
<body>
<?php
include_once("connetti.php");
include_once("data.php");
echo '<div class="cent">';
echo "<h2> Prova inserimento campi </h2>";
echo "<hr /> </div> ";
?>
</body>
</html>
E questo è il risultato con la tua modifica ecco l'immagine:
http://s18.postimg.org/z573wcrzt/Dat...o_centrato.png
Come si vede non è perfettamente allineato con la data. Si può sistemare ??? Grazie.
Problemi di allineamento css
Ciao NLSweb,
Allora così va benissimo, anche perchè ho messo in h2 la data in modo tale che avessero la stessa grandezza. Al centro con "text-align: center;" non me lo fa spostare e ho risloto mettendo "left:395px;" e così l'ho messo al centro. Un ultima cosa mi rimane. La riga che avevo sotto si è dimezzata e la debbo allungare. Qualche suggerimento a suo favore ???? Sicuramente da aggiungere un altro css all'interno dei precedenti. Per adesso ti ringrazio dell'aiuto. Ti mostro quello che ho fatto e modificato.
data.php:
Codice PHP:
<?php
$Attuale = date("d/m/Y");
//$Trattino =" - ";
echo "<h2>";
echo $Attuale;
echo "</h2>";
?>
iscrizione.php
Codice PHP:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#Data{
position:absolute;
top:0px;
left:10px;
left:20px;
}
#Titolo{
position:absolute;
top:0px;
left:395px;
text-align: center;
font-size:100%;
}
</style>
</head>
<body>
</body>
</html>
</style>
</head>
<body>
<?php
include_once("connetti.php");
echo '<div id="Data">';
include_once("data.php");
echo '</div>';
echo '<div id="Titolo"><h2>Prova inserimento campi</h2>';
echo "<hr /> ";
echo "</div>";
?>
</body>
</html>
Risultato finale:
http://s29.postimg.org/rr8k4cdrr/Dat...o_centrato.png
Dopo di che ho risolto il problema grazie a te.
Problemi di allineamento css
Ciao NLSweb,
Niente da fare. Mi visualizza la riga sopra i titoli. Devo aver sbagliato qualcosa nei codici ma non capisco cosa, uffy. il tag <hr> non ricordo si chiude ????
Questo quello che ho fatto:
Codice PHP:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<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%;
}
#linea{
top: 40px;
}
</style>
</head>
<body>
</body>
</html>
</style>
</head>
<body>
<?php
include_once("connetti.php");
echo '<div id="Data">';
include_once("data.php");
echo '<div id="Titolo"><h2>Prova inserimento campi</h2>';
echo "</div> </div> </div> ";
echo '<div id="linea">';
echo "<hr>";
?>
</body>
</html>
E questo è il risultato:
http://s9.postimg.org/oodazto0v/Riga...icch_sotto.png
non capisco il perchè uffy....
Problemi di allineamento css
Ciao NLSweb,
Allora finalmente ho risolto mettendo la riga sotto come la volevo io. Questa è la soluzione finale. Mi spiace aver postato tanti codici, ma sono tutte modifiche effettuare step by step ch emi hanno portato grazie al tuo aiuto alla soluzione finale. Questo dovrebbe essere l'ultimo codice definitivo.
iscrizione.php:
Codice PHP:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<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: 42px;
width: 98%;
color: #0000ff;
}
</style>
</head>
<body>
</body>
</html>
</style>
</head>
<body>
<?php
include_once("connetti.php");
echo '<div id="Data">';
include_once("data.php");
echo '<div id="Titolo"><h2>Prova inserimento campi</h2>';
echo "</div> </div> </div> ";
echo ' <hr> <div id = "hr">';
echo "</hr> </div>";
?>
</body>
</html>
E questa è quello che volevo ottenere in partenza:
http://s22.postimg.org/rjsymw8lt/Sol...definitiva.png
Ti pongo solo una domanda, anzi perdonami due.
1) I due testi come puoi vedere dall'immagine si possono attaccare completamente in alto ????
2) tutto ciò che verrà inserito dopo, verrà messo dopo la riga ???? Ossia i campi e tutto il resto ????
Grazie dell'aiuto in tanto.
Problemi di allineamento css
Ciao NLSweb,
Alla fine c'ero arrivato da solo: Difatti ho fatto così:
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: 42px;
width: 98%;
color: #0000ff;
}
div {
position:absolute;
top: 65px;
}
</style>
E va magnificamente bene. Ill post per me si può chiudere con un "risolto". Te la senti di aiutarmi anche all'altro post della verifica inserimento dati con ajax ????
