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.362
338
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.362
338
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.362
338
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.362
338
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.362
338
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.362
338
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>
 
Discussioni simili
Autore Titolo Forum Risposte Data
I Allineare due righe di testo in photoshop Photoshop 2
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
F Allineare immagine al centro HTML e CSS 6
S Come allineare tre immagini in linea al centro HTML e CSS 1
A Allineare il testo dentro una select composta da più campi pesi da un db PHP 5
I come allineare un icona HTML e CSS 6
M allineare due box(div) affiancati HTML e CSS 19
K allineare div al centro HTML e CSS 9
K allineare controlli in un div HTML e CSS 3
A Allineare due colonne in una tabella HTML PHP 6
G Allineare Div in orrizzontale con cilo for PHP PHP 1
L Allineare 2 tools su sito web HTML e CSS 0
N Allineare numeri a destra. Classic ASP 2
B allineare le voci del menu con stile (Css) HTML e CSS 9
G Come allineare in alto una tabella? HTML e CSS 5
T problema data 30/11/-1 PHP 0
D ordinare per data e ora PHP 4
Cosina script data aggiornamento pagina Javascript 1
S Raggruppare ed estrarre data più recente MySQL 3
P Ricerca campo data PHP 1
A Raggruppare record con stessa data PHP 13
elpirata Impedire inserimento data di oggi e date passate jQuery 39
U Campo vuoto data errore Fatal error: PHP 2
A recuperare data creazione di un file PHP 6
MarcoGrazia Convertire una data da un formato all'altro Snippet PHP 0
Z Difficoltà codice data PHP 0
Z Data automatica PHP 2
max1974 Salvataggio data errato PHP 3
felino Excel: popolare una cella con la data di modifica della riga a cui appartiene Windows e Software 3
P Access Inserimento data. MS Access 4
max1974 comparazione con data precedente MySQL 8
Valerio93 [PHP] non capisco come mai mi da la data NULL PHP 3
M [PHP] Compilare automaticamente il campo data PHP 5
S [PHP] Da timestamp a data PHP 4
maxnegri [Javascript] TinyDatePicker data format e selezione progressiva. Javascript 0
G [MySQL] Data giornaliera MySQL 0
Cosina [PHP] Cancellare una riga da un file txt in base alla data PHP 1
D [MySQL] cerco sviluppatore data base windows e linux per riparare sito Offerte e Richieste di Lavoro e/o Collaborazione 1
elpirata [MYSQL] Schedulare evento per update del campo data su tabella MySQL 0
P [PHP] Aggiungere giorni e stampare risultato da data inserita in input PHP 3
A Verifica validità data in Java Java 2
R [WordPress] [PHP] Come organizzare data, sala e prestazione WordPress 17
M [PHP] Come display data nella stessa pagina PHP 4
K Data in un form che si collega ad un tabella Ajax 5
M HTML: oggetto data HTML e CSS 1
B Data Registrazione Dominio Domini 1
P [Visual Basic] access sql estrarre id vendite x cli e articolo con data maggiore del recordset Visual Basic 2
C [PHP] Estrapolare solo l'anno da una data di nascita inserita in un campo PHP 8
Q [Javascript] data validate Javascript 2
F [MySQL] Warning 1265 data truncated for column... MySQL 5

Discussioni simili