Allineare data a sx dello schermo e titolo al centro

paperinik4

Utente Attivo
29 Mag 2011
1.812
0
36
Roma
www.ricetteagogo.it
Salve a tutti,

Io dovrei allineare sulla stessa riga in alto a sx la data e al centro sempre dove viene visualizzata la data il titolo. Mi sembra di ricordare che c'era un tag che sistemava il tutto senza codice css mi potreste aiutare a ricordare per favore ??? Sto impazzendo perchè nei miei vecchi file ovviamente non li trovo. Spero di ricevere una risposta da qualcuno grazie.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.299
332
83
Perchè chiedi senza css? Cosa è non ti piace?
Dei tag che allineano ce ne sono "align" "<center>..</center>", ecc. ma tutto dipende da che codice hai, dal markup che hai, da cosa vuoi fare, tu non ti sei spiegato molto! In certi casi l'unica soluzione è il CSS "float"
 

paperinik4

Utente Attivo
29 Mag 2011
1.812
0
36
Roma
www.ricetteagogo.it
Ciao max,

Domani ti mostro quello che vorrei ottenere.buna volta c'ero riuscito con un semplice Tag di cui ora no ricordo. Ma con uno screening capirai meglio. Scusa ma ora sto dal cell. Notte e grazie per adesso.
 

paperinik4

Utente Attivo
29 Mag 2011
1.812
0
36
Roma
www.ricetteagogo.it
Ciao Max 1,

Come promesso ti posto l'immagine di quello che vorrei ottenere. Scusami per ieri ma stavo con il cell era un po' difficile inviartela. Considera che io lavoro con il nas quindi in locale.

Innanzti tutto qua il pseudo codice che ogni giorno mi dice la data:

PHP:
<?php
        require_once("connettimysqli.php");
        require_once("data.php");
        ?>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Prove Varie</title>
        
    <h2> <div align ="center"> Benvenuto nel modulo d'Iscrizione  </h2> </div> 
    <hr>
    
    </head>
    <body>
        <?php
      #  require_once("connettimysqli.php");
      #  require_once("data.php");
        ?>
    </body>
</html>
So che andrebbe qua e non sopra in alto. Ora se io metto sopra in alto la data, viene visualizzata correttamente in alto a sx come la voglio io ma il titolo alla riga sottostante centrato. In questa maniera:


http://s16.postimg.org/xt0e3wkut/data_e_testo_da_allineare_sulla_stessa_riga.gif

Se invece tolgo l'intestazione in alto e lo metto sotto come dovrebbe andare, il risultato è il seguente:


http://s21.postimg.org/vo7m9jbzr/Testo_centrato_e_data_spostata_in_basso_GIF.gif


Cosa mi consigli di fare ???? In pratica è solo da sistemare la data oppure il testo centrale a seconda di quello che scelgo sulla stessa riga. Spero che mi puoi aiutare. Nel frattempo, grazie.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.299
332
83
Mi dispiace senza CSS non ho trovato nessun tag html che:
  1. Metta la data sulla stessa riga del titolo centrando il titolo
  2. Permetta di usare un h2 perchè h2 presume una nuova riga
  3. Usare il tag <center> perchè anche esso sposta il testo nella riga successiva
  4. Usare uno <span> perchè senza dagli una dimensione non centra il testo
  5. ecc......

Insomma senza usare css non vedo alternative.

Attenzione il codice del titolo e <hr> vanno messi dentro il tag <body>
 

paperinik4

Utente Attivo
29 Mag 2011
1.812
0
36
Roma
www.ricetteagogo.it
Ciao Grazie della risposta ho fatto una ricerca anche io ma stesso risultato tuo. Allora ti chiedo una cortesia se è possibile come posso mettere con un css semplice allineati come vorrei io ???? Questo è più facile da realizzare presumo. Conosco poco il css, grazie.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.299
332
83
Prova cosi:
Codice:
<?php
        require_once("connettimysqli.php");
        require_once("data.php");
        ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>......</title>
<style type="text/css">
#content {
	position: relative;
	float: left;
	width: 100%;
}
#data {
	float: left;
	width: 40%;
}
#titolo {
	float: left;
	width: 60%;
	font-size: 20px;
	font-weight: bold;
}
#clear {
	clear: both;
}
</style>
</head>

<body>
<div id="content">
  <div id="data">
  <?php
      #  require_once("connettimysqli.php");
      #  require_once("data.php");
        ?> 
  </div>
  <div id="titolo">Benvenuto nel modulo d'Iscrizione</div>
</div>
<div id="clear">&nbsp;</div>
</body>
</html>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.299
332
83
Ho provato il tuo esempi ma purtroppo non va :( Vabbè vedo di trovare un'altra soluzione. Grazie.
Non va in che senso e perchè? Io l'ho provato e funzionava! É ovvio che l'ho dovuto provare e compilare senza il codice PHP perchè senza il tuo DB avrebbe dato errori e sarebbe stato impossibile vedere l'esito
 

paperinik4

Utente Attivo
29 Mag 2011
1.812
0
36
Roma
www.ricetteagogo.it
A me rimaneva tale s quale a come l'avevo lasciato io. Ma domani ricontrollo meglio. Ci sentiamo domani per maggiore conferma. Comunque per ora grazie scusa ma sto dal cell la sera.
 

paperinik4

Utente Attivo
29 Mag 2011
1.812
0
36
Roma
www.ricetteagogo.it
Ciao Max1,

Allora ora mi sono ricordato il perchè non andava. In pratica visualizza si la data in alto a sx del monitor ma la scritta in basso a sx del monito subito dopo la data: Ecco uno screenshots:

http://s9.postimg.org/hqik7hnrz/Ecco_il_risultato.gif

Invece lo stesso testo deve stare sulla stessa riga della data ma al centro. in questa maniera anche se qua non è allineato:

http://s30.postimg.org/qm8zi71e9/data_e_testo_da_allineare_sulla_stessa_riga.gif

Il risultato finale è alzare e tenere fissa la posizione del testo allineato appunto con la data. Grazie dell'aiuto.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.299
332
83
Come a te non funziona? Il codice che ti ho dato a me produce questo output:
01.JPG
Vedi di non aver sbagliato qualche cosa!
 

BayLollo

Utente Attivo
28 Ago 2014
84
0
6
Paperinik, la data deve stare tra "<div id="data">" e il "</div>" che lo segue.
(quindi l'output è meglio che non lo dia direttamente data.php)
 

paperinik4

Utente Attivo
29 Mag 2011
1.812
0
36
Roma
www.ricetteagogo.it
Capito,

Domani provo. Ma non capisco il perché nelle guide che ho visto, non c'è ma un esempio come il mio. Bah, eppure qualcuno avrà avuto il mio stesso problema no ????? Comunque grazie.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.299
332
83
Non ci sono guide perchè è una semplice regola css che affianca due elementi! La regola è il float, ovvio che vuola usata in modo appropriato per dare il meglio di se
 

paperinik4

Utente Attivo
29 Mag 2011
1.812
0
36
Roma
www.ricetteagogo.it
Capito.

Grazie dei chiarimenti. Comunque ho risolto aggiustando un pokino il codice in questione. Il post si può chiudere con risolto. Posto la soluzione:

Codice:
<style type="text/css"> 
    #areaTitolo{
   width:100%;
   height:100px;
   position:absolute;
   top:0px;
   left:5px;
   text-align: center;
  }
</style>