[HTML] [PHP] dividere lo schermo in tre colonne

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
Ecco l'immagine in arrivo.

Intestazione_con_riga.png


Dove ci sono gli spazi devono partire fino al footer. Grazie spero di aver fatto in tempo.
 

cris8380

Moderatore
Membro dello Staff
MOD
3 Giu 2016
261
14
18
40
fammi sapere se va bene!

HTML:
<!DOCTYPE html>
<head>
<style>
#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;

}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;
}
#section {
    width:350px;
    float:left;
    padding:10px;

}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
}
</style>
</head>
<body>

<div id="header" style="float:left; display:block; width:15% height:10%">
<h1>06/07/2016</h1>
<hr />
</div>
<div id="header" style="float:left; display:block; width:60%; height:10%">
<h1>MODULO D'ISCRIZIONE</h1>
<hr />
</div>
<div id="header" style="float:left; display:block; width:25%; height:10%">
<h1>vuoto</h1>
<hr />
</div>
<div id="nav">
Iscizioni<br>
Iscrizioni1<br>
Iscrizioni2
</div>

<div id="section">
<h2>Iscrizioni</h2>
<p>In questa sezione scrivo cio che mi piace </p>
<p>qui posso inserire immagini e altro come mi pare e piace :-)</p>
</div>

<div id="footer">
paperinik4 - tutti i diritti sono riservati...
</div>
</body>
</html>

copia e incolla questo link
 
  • Like
Reactions: paperinik4

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Allora Ciao paperinik4 sono tornato a casa e facciamo un po di chiarezza perchè io dalle tue immagini non capisco la suddivisione dell'header in tre parti e se vuoi la riga orizzontale sopra o sotto le tre colonne, un'altra osservazione è che quando posti codice simostrativo devi postare il codice completo della pagina altrimenti un piccolo spezzone di CSS non serve a nulla.
Ora ti preparo un esempio e ti posto l'esito poi tu mi dirai le modifiche da fare!
Abbi pazienza un'oretta
!

P.S.
I tag di cui parli quali sono? Ovviamente con il forum nuovo è tutto cambiato. Dimmi quali cerchi e ti dirò chi sei.. emmh scusa! E ti dirò dove sono.

A dopo
 
  • Like
Reactions: paperinik4

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Basta che clicchi sull'icona inserisci
 

Allegati

  • 01.jpg
    01.jpg
    6,3 KB · Visite: 334
  • Like
Reactions: paperinik4

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Allora tu vuoi l'intestazione così come è? E tre colonne sotto divise da linee verticali?
Ora vedo di farti qualche cosa
 
  • Like
Reactions: paperinik4

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
fammi sapere se va bene!

HTML:
<!DOCTYPE html>
<head>
<style>
#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;

}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;
}
#section {
    width:350px;
    float:left;
    padding:10px;

}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
}
</style>
</head>
<body>

<div id="header" style="float:left; display:block; width:15% height:10%">
<h1>06/07/2016</h1>
<hr />
</div>
<div id="header" style="float:left; display:block; width:60%; height:10%">
<h1>MODULO D'ISCRIZIONE</h1>
<hr />
</div>
<div id="header" style="float:left; display:block; width:25%; height:10%">
<h1>vuoto</h1>
<hr />
</div>
<div id="nav">
Iscizioni<br>
Iscrizioni1<br>
Iscrizioni2
</div>

<div id="section">
<h2>Iscrizioni</h2>
<p>In questa sezione scrivo cio che mi piace </p>
<p>qui posso inserire immagini e altro come mi pare e piace :-)</p>
</div>

<div id="footer">
paperinik4 - tutti i diritti sono riservati...
</div>
</body>
</html>

copia e incolla questo link
Ciao cris,

Ho risolto il problema. Grazie della tua e vostra collaborazione.
 

cris8380

Moderatore
Membro dello Staff
MOD
3 Giu 2016
261
14
18
40
Non ci posso credere!!!! finalmente ci siamo riusciti spero ! Evvaiiiii adesso l'unica cosa da fare e custodire il tutto con cura in bocca al lupo
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
C Dopo chiusura del tag php la stringa html va a capo PHP 1
A inserire variabile php colore in div html PHP 2
E Errore di lettura php in html PHP 8
M HTML e PHP Offerte e Richieste di Lavoro e/o Collaborazione 3
C Form email php su pagina index.html? PHP 21
Z Mod_rewrite da HTML in PHP PHP 3
C [RISOLTO]Inserimento variabile php in input html PHP 20
C Risalire al php da html PHP 27
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
F [PHP] Form html PHP 2
G FORM HTML E PHP PHP 0
F [PHP] [HTML] Tabella cambia pagina responsive PHP 8
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
M [PHP] Istruzione "echo" all'interno di codice html PHP 2
F [PHP] Importare file CSV in HTML PHP 12
T [PHP] [HTML] Dettagli che cambiano PHP 5
M [PHP] Come inserire codice html in un ciclo while PHP 2
T con oop creare un ciclo per una pagina dinamica html con php PHP 3
F [PHP] [HTML] Formmail PHP 0
ANDREA20 [PHP] [HTML] crea form di contatto PHP 4
D [PHP] [HTML] Pagina con permessi amministratore PHP 6
L [Wordpress]Precedenza Index.php a Index.html WordPress 1
Angelo Russo [PHP] [HTML] form contatti PHP 0
F [PHP] Importare file CSV in HTML PHP 3
C [PHP] Pagina html che legge file txt PHP 41
GiErre [PHP] [HTML] Disabilitare un link in funzione della piattaforma PHP 7
Y [PHP] [HTML] Modificare i quadranti PHP 1
F [PHP] [HTML] File legato ad action in un form PHP 1
T [PHP] [HTML] Action direttamente associate a onmouseover PHP 11
A [PHP] Inserimento url dinamici in pagina html PHP 3
Y [PHP] [HTML] Pagina referenti PHP 5
trattorino [PHP] [HTML] redirect iniezione su firefox PHP 5
D Come intrecciare PHP all'HTML PHP 1
S [PHP] [HTML] Come creare un grafico dinamico PHP 4
A [Retribuito][Offro] Restyling grafico portale PHP/HTML Offerte e Richieste di Lavoro e/o Collaborazione 0
andreas88 [PHP] [HTML] Pagina preventivi form contatti PHP 5
A [PHP] Formattazione Mail HTML HTML e CSS 5
J [PHP] [HTML] Trasferire dati da un form ad un dominio diverso. PHP 3
D [PHP] [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe PHP 0
R [PHP] Problema stampa array bidimensionali con formula $html.=<<<myHtml... PHP 2
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
F [PHP] [HTML] Redirect Complicato PHP 5
V Passare a PHP pagina bootstrap creata in HTML PHP 1
Y Performance html/php vs php/html PHP 2
Shyson [HTML] Spostare a sinistra codice php PHP 6
trattorino [PHP] [HTML] problema form PHP 1
G [PHP] [HTML] Sito web URL e altro PHP 3
G Siti web URL e altro (PHP, HTML) Presentati al Forum 1

Discussioni simili