Allineare data a sx dello schermo e titolo al centro

P

paperinik4

Utente Attivo
29 Mag 2011
1.811
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.
 
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"
 
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.
 
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.
 
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>
 
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.
 
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>
 
paperinik4 ha scritto:
Ho provato il tuo esempi ma purtroppo non va :( Vabbè vedo di trovare un'altra soluzione. Grazie.
Clicca per allargare...
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
 
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.
 
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!
 
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)
 
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.
 
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
 
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>
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

I
Allineare due righe di testo in photoshop
Risposte
2
Visite
6K
Photoshop
Iolanda Caponata
I
E
[HTML] Allineare foto a un tag DIV verticalmente
Risposte
0
Visite
1K
HTML e CSS
EditAlex
E
F
Allineare immagine al centro
Risposte
6
Visite
5K
HTML e CSS
Francesco Monti
F
S
Come allineare tre immagini in linea al centro
Risposte
1
Visite
3K
HTML e CSS
Max 1
Max 1
A
Allineare il testo dentro una select composta da più campi pesi da un db
Risposte
5
Visite
3K
PHP
borgo italia
borgo italia
I
come allineare un icona
Risposte
6
Visite
8K
HTML e CSS
zorro
zorro
M
allineare due box(div) affiancati
Risposte
19
Visite
7K
HTML e CSS
cory
cory
K
allineare div al centro
Risposte
9
Visite
4K
HTML e CSS
cory
cory
K
allineare controlli in un div
Risposte
3
Visite
1K
HTML e CSS
Max 1
Max 1
A
Allineare due colonne in una tabella HTML
Risposte
6
Visite
3K
PHP
andspi
A
G
Allineare Div in orrizzontale con cilo for PHP
Risposte
1
Visite
1K
PHP
criric
criric
L
Allineare 2 tools su sito web
Risposte
0
Visite
1K
HTML e CSS
livio69
L
N
Allineare numeri a destra.
Risposte
2
Visite
3K
Classic ASP
novizio
N
B
allineare le voci del menu con stile (Css)
Risposte
9
Visite
3K
HTML e CSS
sbobby
sbobby
G
Come allineare in alto una tabella?
Risposte
5
Visite
4K
HTML e CSS
mptech
mptech
M
Trasferire data plugin da un dominio ad un altro
Risposte
6
Visite
2K
WordPress
Marco Galli
M
M
Visualizzare ultima data registrata
Risposte
2
Visite
1K
MS Access
muscaril
M
D
data in sql in formato ITA
Risposte
4
Visite
1K
PHP
Domenico2013
D
P
Data scraping in PHP non funziona
Risposte
4
Visite
1K
PHP
puppalmao
P
M
Upload immagine con javascript problemi con FormData()
Risposte
1
Visite
983
Javascript
MBlackmore
M
Alto Basso