• Home
  • Forum
  • Fare Web
  • HTML e CSS

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

  • Creatore Discussione Creatore Discussione paperinik4
  • Data di inizio Data di inizio 1 Lug 2016
Prec.
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
Succ.
Primo Prec. 3 di 6 Succ. Ultimo
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 6 Lug 2016
  • #41
La discussione si può chiudere. Già fatto messo in cassaforte almeno spero Grazie a voi
 
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 11 Lug 2016
  • #42
Salve a tutti,

Volevo capire delle cose.

1) la riga in verticale non è stata tratta con il tag <hr> ???

2) Per prolungare le righe cosa debbo fare ???

3) perchè il mio editor mi da il seguente errore: padding: 30px; 30px 0 30px;l'ho evidenziato perchè era difficile sottolinearlo.

4) Vorrei togliere lo spazio che c'è tra l'intestazione e la riga in verticale, inoltre vorrei mettere se è possibile la data a sx dello schermo senza quello spazio, al centro l'intestazione e a dx anche vuoto va bene.

Chiedo a voi perchè non vorrei creare casini nel toccare e fare modifiche benchè abbia fatto una copia del file. Spero di ricevere risposta. Grazie
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.445
338
83
  • 11 Lug 2016
  • #43
paperinik4 ha scritto:
1) la riga in verticale non è stata tratta con il tag <hr> ???
Clicca per allargare...
No! È stata ottenuta con border
paperinik4 ha scritto:
2) Per prolungare le righe cosa debbo fare ???
Clicca per allargare...
Niente! Man mano che si allunga i div con i contenuti si allungano anche le righe verticali. Altrimenti se le vuoi più lunghe senza contenuti dai un'altezza ai div.
paperinik4 ha scritto:
4) Vorrei togliere lo spazio che c'è tra l'intestazione e la riga in verticale, inoltre vorrei mettere se è possibile la data a sx dello schermo senza quello spazio, al centro l'intestazione e a dx anche vuoto va bene.
Clicca per allargare...
Questa non l'ho capita spiega meglio. Spazio tra intestazione e righe verticali non ce nè c'è solo uno spazio tra il testo e la riga orizzontale che è dovuto all'ampiezza dei div che puoi regolare regolando il padding
paperinik4 ha scritto:
3) perchè il mio editor mi da il seguente errore: padding: 30px; 30px 0 30px;l'ho evidenziato perchè era difficile sottolinearlo.
Clicca per allargare...
Ti da errore perchè io ho fatto un errore di battitura scrivendo il codice, ho messo un ";" in più dove non ci voleva e cioè questo:
Codice:
padding: 30px; 30px 0 30px;
il codece corretto è così:
Codice:
padding: 30px 30px 0 30px;
Se lo correggi in quel modo sparisce anche lo spazio tra il testo e la riga orizzontale
 
Reactions: paperinik4
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 11 Lug 2016
  • #44
Ok grazie del spiegazioni max. Notte domani provo e ti saprò dire com'è andata.
 
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 12 Lug 2016
  • #45
Salve a tutti,

Ho bisogno ancora di voi. Tanto vedo che le discussioni non si chiudono quindi non faccio nessun danno ehehehehe. Ho provato ad allungare la linea verticale ci sono riuscito ma non mettetevi a ridere perchè si è allungata solo dappa parte dx dello schermo e a sx niente. Vi mando l'immagine. Come posso risolvere ??? Come potete vedere quello cerchiato in blu ossia la data che la ottengo da un file esterno chiamato data.php dovrebbe stare più sulla sx e invece l'intestazione va bene al centro. Se mi dite come fare posso provare a modificare anche da solo. Grazie.
 

Allegati

  • Risultato prolungamento della linea orizzontale.PNG
    10,9 KB · Visite: 354

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.445
338
83
  • 12 Lug 2016
  • #46
Ecco qua
 
Reactions: paperinik4
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 12 Lug 2016
  • #47
Ehmmm perdonami max1 ecco qua cosa ???? Se ci doveva essere unallegato non c'era niente.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.445
338
83
  • 12 Lug 2016
  • #48
Clicca su ecco qua vedi che è un link!
 
Reactions: paperinik4
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 12 Lug 2016
  • #49
Oddio perdonami non avevo capito scusa.
 
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 12 Lug 2016
  • #50
Direi qausi perfetto c'è un ulterirore modifica da apportare, ma se mi dici come si fa la faccio io. La riga che io ho detto verticale ma non era verticale volevo dire orizzontale mi si è prolungata solo da un lato come puoi vedere dall'immagine, vorrei prolungarla anche dal lato sx. Come posso fare ??? Tieni presente che le due riche verticale vanno bene così come stanno.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.445
338
83
  • 12 Lug 2016
  • #51
La riga orizzontale così come è è al massimo della larghezza perchè è larga come la pagina se la vuoi più lunga nei due sensi bisogna allargare la pagina. Ma non capisco perchè dovrebbe essere più larga della pagina
 
Reactions: paperinik4
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 12 Lug 2016
  • #52
Ah non pensavo che fosse al massimo della larghezza (ecco perchè la volevo più lunga( adesso ho capito il motivo. Non ho idea di come si possa vedere su un monitor a 22" ma lo scoprirò giovedì quando ritorno a roma. Una curiosita. Il tag <hr> arriva come dico io e va oltre alla larghezza della pagina ???? Comunque grazie della mano.
 
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 12 Lug 2016
  • #53
Allora ho modificato un pò le cose e posso mostrare quello che ho fatto. Questo è il codice:

PHP:
<style type="text/css">
/***********************************************************************
* Elementi generali
**********************************************************************/

body {
    background-color: #333;
    color: #FFF;
    font-family: Comic Sans MS, Serif;
    font-size: 20px;
    margin-top: 120px; /* Deve essere maggiore o uguale al margine inferiore di .intestazione */
}

/* Aggiunto a scopo decorativo */
form {
    max-width: 1280px;
    margin: auto;
    padding: 0.25em;
    border: 2px double #CCC;
}

label {
    display: block;
    margin: 0.5em 0;
}



/***********************************************************************
* Classi
**********************************************************************/

/* Un elemento di questa classe è centrato orizzontalmente all'interno del
* blocco a cui appartiene. */
.centering {
    display: block;
    margin: auto;
}

/* Un elemtno di questa classe è allineato a sinsitra */
.float_left {
    display: block;
    float: left;
}

.intestazione {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0px;
    left: 0px;
    font-family: Comic Sans MS, Serif;
    text-align: center;
    border-bottom: 2px inset #CCC;
}
#header {
    width: 980px;
    margin: 0auto;
}
#col1, #col2 {
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    padding: 30px 30px 0 30px;
    /*border: 0;*/
}
#col1 {
    padding: 30px 30px 0 0;
    width: 265px;
}
.clear {
    clear: both;
}
#cont1, #cont2, #cont3 {
    float: left;
    width: 265px;
    height: 1000px;
    margin: 0;
    padding: 30px 30px 0 30px;
}
#cont1, #cont2 {
    border-right: #ffffff 2px solid;
}
hr {
    margin: 0;
    padding: 0;
}
         </style>

Questo è il risultato. Dove stanno gli spazi vuoti, dovrebbero andare le righe.l Si potrebbe modificare su questo codice che ti ho postato ???? Io non ci sono riuscito. Questa è l'immagine. Grazie.
 

Allegati

  • modificato l'intestazione e colonne.PNG
    34,7 KB · Visite: 429

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.445
338
83
  • 13 Lug 2016
  • #54
paperinik4 ha scritto:
Una curiosita. Il tag <hr> arriva come dico io e va oltre alla larghezza della pagina ????
Clicca per allargare...
No!
 
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 13 Lug 2016
  • #55
Ok. Hai dato un'occhiata al codice che ti ho mostrato ???? Si può modificare ????
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.445
338
83
  • 13 Lug 2016
  • #56
Se ci dai solo il css non andimo molto lontano ci devi dare il codice di tutta la pagina css+html o un link come ho fatto io
 
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 13 Lug 2016
  • #57
Ah ok scusa domani posto tutto. Purtroppo non ho un link. Pensavo che bastasse dolo il CSS. Perdono. Appena sto al pc invio. A domani. Buona notte e grazie.
 
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 13 Lug 2016
  • #58
Ciao Max1,

Come promesso t'invio l'intero codice.
Codice:
<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>Divisione a tre colonne</title>
        <style type="text/css">
/***********************************************************************
* Elementi generali
**********************************************************************/

body {
    background-color: #333;
    color: #FFF;
    font-family: Comic Sans MS, Serif;
    font-size: 20px;
    margin-top: 120px; /* Deve essere maggiore o uguale al margine inferiore di .intestazione */
}

/* Aggiunto a scopo decorativo */
form {
    max-width: 1280px;
    margin: auto;
    padding: 0.25em;
    border: 2px double #CCC;
}

label {
    display: block;
    margin: 0.5em 0;
}



/***********************************************************************
* Classi
**********************************************************************/

/* Un elemento di questa classe è centrato orizzontalmente all'interno del
* blocco a cui appartiene. */
.centering {
    display: block;
    margin: auto;
}

/* Un elemtno di questa classe è allineato a sinsitra */
.float_left {
    display: block;
    float: left;
}

.intestazione {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0px;
    left: 0px;
    font-family: Comic Sans MS, Serif;
    text-align: center;
    border-bottom: 2px inset #CCC;
}
#header {
    width: 980px;
    margin: 0auto;
}
#col1, #col2 {
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    padding: 30px 30px 0 30px;
    /*border: 0;*/
}
#col1 {
    padding: 30px 30px 0 0;
    width: 265px;
}
.clear {
    clear: both;
}
#cont1, #cont2, #cont3 {
    float: left;
    width: 265px;
    height: 1000px;
    margin: 0;
    padding: 30px 30px 0 30px;
}
#cont1, #cont2 {
    border-right: #ffffff 2px solid;
}
hr {
    margin: 0;
    padding: 0;
}
         </style>
    </head>
    <body>
        <div class="intestazione">
            <div class="float_left">
                <?php require_once "data.php"; ?>
                <hr >
            </div>
           
          <h1>BENVENUTI NEL MODULO D'ISCRIZIONE</h1>
          <hr>
        </div>
<div class="clear"></div>
</div>
<div id="content">
  <div id="cont1">Inserite qui il contenuto per "cont1"</div>
  <div id="cont2">Inserite qui il contenuto per "cont2"</div>
  <div id="cont3">Inserite qui il contenuto per "cont3"</div>
</div>
  <div class="clear"></div>
        <?php
       echo"</hr>";
        ?>
    </body>
   
   
</html>

Questo è tutto. Grazie anticipatamente.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.445
338
83
  • 13 Lug 2016
  • #59
Ti riferisci agli spazi tra le verticali e l'orrizzontale? Ne hai aggiunta una hai aggiunto position fixed hai aggiunto display block tutte cose che influiscono e rendono complicato togliere spazi qui e la. Non capisco l'aggiunta di certe regole css in uno schema così semplice. Non capisco perchè si deve aggiungere un hr con php
 
P

paperinik4

Utente Attivo
29 Mag 2011
1.811
0
36
Roma
www.ricetteagogo.it
  • 13 Lug 2016
  • #60
Allora ricapitoliamo per bene. Sulla riga orizzontale che ho fatto con il tag hr ci sono dei segni blu, come avrai potuto vedere dall'immagine che ti ho inviato. Ho preferito farlo con questo tag perchè mi prende tutta la larghezza come la voglio io da sx verso dx e con il border non mi piaceva molto la visuale. Inoltre mi hai detto che non va fuori misura. Gli altri codici in css servono per altre cose perchè poi c'è un form. Ma questo mi serve per le pagine riservate e non per l'iscrizione. I punt segnati servono per indicare che da quel punto deve partire una linea in verticale attaccata alla linea orizzontale stessa cosa sul mkargine dx. Infine, se io non mettessi in finale sotto php la chiusura del tag hr e la mettessi in html, il risultato sarebbe di una doppia linea. Non so per quale motivo. Pensi di poter riuscire a fare queste piccole modifice ??? O sennò mi puoi spiegare come si allargano e si stringono le righe in modo tale che ci posso provare io. Come preferisci. Ho fatto alcune prove modificando il padding ma il risultato un casino totale.
 
Prec.
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
Succ.
Primo Prec. 3 di 6 Succ. Ultimo
Devi accedere o registrarti per poter rispondere.

Discussioni simili

M
Collegamento tra form html e script php
  • Mollichina
  • 24 Mag 2021
  • PHP
Risposte
4
Visite
3K
PHP 25 Mag 2021
Mollichina
M
L
  • Bloccata
Ricezione dei dati su file php da modulo html
  • lisagiacob
  • 19 Mag 2021
  • PHP
Risposte
6
Visite
2K
PHP 19 Mag 2021
lisagiacob
L
C
Dopo chiusura del tag php la stringa html va a capo
  • carlo.c
  • 3 Mar 2021
  • PHP
Risposte
1
Visite
1K
PHP 4 Mar 2021
carlo.c
C
A
inserire variabile php colore in div html
  • AndreaCerre
  • 26 Nov 2020
  • PHP
Risposte
2
Visite
2K
PHP 26 Nov 2020
AndreaCerre
A
E
Errore di lettura php in html
  • Elizzit
  • 17 Giu 2020
  • PHP
Risposte
8
Visite
2K
PHP 17 Giu 2020
marino51
M
HTML e PHP
  • Maia Miragliotta
  • 6 Giu 2020
  • Offerte e Richieste di Lavoro e/o Collaborazione
Risposte
3
Visite
2K
Offerte e Richieste di Lavoro e/o Collaborazione 8 Giu 2020
Max 1
C
Form email php su pagina index.html?
  • codicemacchina
  • 22 Mag 2020
  • PHP
  • 2
Risposte
21
Visite
4K
PHP 22 Mag 2020
codicemacchina
C
Z
Mod_rewrite da HTML in PHP
  • z.cristiano
  • 24 Apr 2020
  • PHP
Risposte
3
Visite
1K
PHP 25 Apr 2020
macus_adi
C
[RISOLTO]Inserimento variabile php in input html
  • Cristian83
  • 16 Apr 2020
  • PHP
  • 2
Risposte
20
Visite
8K
PHP 18 Apr 2020
Cristian83
C
C
Risalire al php da html
  • Cpu03
  • 19 Mar 2020
  • PHP
  • 2
Risposte
27
Visite
4K
PHP 22 Mar 2020
migo80
M
[PHP] [JAVASCRIPT] Form strano in HTML PHP
  • webmachine
  • 15 Feb 2020
  • PHP
Risposte
1
Visite
1K
PHP 15 Feb 2020
macus_adi
F
[PHP] Form html
  • Frozzen
  • 18 Dic 2019
  • PHP
Risposte
2
Visite
2K
PHP 18 Dic 2019
Frozzen
F
G
FORM HTML E PHP
  • Guido Turani
  • 30 Nov 2019
  • PHP
Risposte
0
Visite
2K
PHP 30 Nov 2019
Guido Turani
G
F
[PHP] [HTML] Tabella cambia pagina responsive
  • Frozzen
  • 11 Nov 2019
  • PHP
Risposte
8
Visite
2K
PHP 12 Nov 2019
Frozzen
F
M
[PHP] [HTML] Centrare in verticale un pulsante in una tabella
  • maxus68
  • 9 Nov 2019
  • PHP
Risposte
3
Visite
4K
PHP 10 Nov 2019
maxus68
M
M
[PHP] Istruzione "echo" all'interno di codice html
  • maxus68
  • 6 Nov 2019
  • PHP
Risposte
2
Visite
1K
PHP 7 Nov 2019
maxus68
M
F
[PHP] Importare file CSV in HTML
  • Franco.cava697
  • 4 Set 2019
  • PHP
Risposte
12
Visite
4K
PHP 10 Set 2019
macus_adi
T
[PHP] [HTML] Dettagli che cambiano
  • teana7
  • 27 Ago 2019
  • PHP
Risposte
5
Visite
1K
PHP 27 Ago 2019
Max 1
M
[PHP] Come inserire codice html in un ciclo while
  • migo80
  • 19 Giu 2019
  • PHP
Risposte
2
Visite
2K
PHP 19 Giu 2019
macus_adi
T
con oop creare un ciclo per una pagina dinamica html con php
  • twogate
  • 26 Mag 2019
  • PHP
Risposte
3
Visite
2K
PHP 29 Mag 2019
twogate
T
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • HTML e CSS
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?