Problemi tra div e php [era: Aiuto per sito...]

Printable View

15-08-2015, 09.21.15

Problemi tra div e php [era: Aiuto per sito...]

Ciao a tutti,
innanzitutto buon ferragosto a tutti quanti.
Tempo fa avevo fatto un mio sito personale con Dreamweaver.
Il sito era strutturato con frame, iframe ecc....
Guardando gi altri siti in giro per il web e leggendo articoli vari, ho letto che ormai i frame e iframe sono diventati obsoleti.
Ho così iniziato anch'io a usare la tecnica dei div.
Ho quindi creato una pagina che ho chiamato index.html dove ho messo in alto un div chiamato header, un div a sx chiamato menu, un'altro div a dx chiamato cont e per ultimo un div chiamato footer alla fine della pagina.
Fin qui tutto bene....mi sono arenato però quando è stato ora di mettere i link tra il div menu e il div cont.
Qualcuno di voi può aiutarmi a risolvere questo problema?
Grazie infinite a tutti.
Ah dimenticavo....php e linguaggi vari (oltre all'html) quasi zero....
15-08-2015, 10.07.20
alemoppo

Citazione:

Originalmente inviato da coloridellago

Fin qui tutto bene....mi sono arenato però quando è stato ora di mettere i link tra il div menu e il div cont.

Intendi i link del menù?

Codice HTML:

<ul> <li><a href="./index.html">Home</a></li> <li><a href="./pagina1.html">pagina1</a></li> <li><a href="./pagina2.html">pagina2</a></li> </ul>

(poi con css devi personalizzarlo come vuoi).

Oppure intendevi altri link?

Ciao!
15-08-2015, 10.08.28
alemoppo

Citazione:

Originalmente inviato da coloridellago

Fin qui tutto bene....mi sono arenato però quando è stato ora di mettere i link tra il div menu e il div cont.

Intendi i link del menù?

Codice HTML:

<ul> <li><a href="./index.html">Home</a></li> <li><a href="./pagina1.html">pagina1</a></li> <li><a href="./pagina2.html">pagina2</a></li> </ul>

(poi con css devi personalizzarlo come vuoi).

Oppure intendevi altri link? Immagino tu intenda altro visto che hai postato nella sezione PHP :mrgreen:.

Ciao!
15-08-2015, 10.20.48

Si, il menu è una cosa simile...voci diverse d'accordo (questo è ovvio).
Il problema mio qual'è:
Il menu si trova nel div menu, mentre le pagine le devo aprire nel div cont senza ovviamente ricaricare tutta la pagina ma solo il contenuto div cont
15-08-2015, 11.04.38
alemoppo

Ah ok, ora ti sei spiegato meglio.

Se non vuoi ricaricare tutta la pagina, ma solo il contenuto di div cont, allora sei costretto ad usare ajax (e quindi javascript).

Se però ancora sei agli inizi ti sconsiglio questo modo. Quello che ti consiglio invece è utilizzare include di PHP. Ho provato a spiegarlo un po' di volte, vedi http://forum.it.altervista.org/html-...un-titolo.html o http://forum.it.altervista.org/html-...ml#post1075008

Ciao!
15-08-2015, 16.36.40

Ciao Alemoppo, ho provato e riprovato ma sinceramente non ci sono riuscito...ė abbastanza ostico sto PHP....
15-08-2015, 17.06.20
alemoppo

No, non è ostico. Come tutte le cose all'inizio ti troverai spaesato, ma non è difficile. Puoi mostrare come hai provato? (il codice).

Ciao!
15-08-2015, 18.01.50

Posterò certamente il codice....almeno quello che riesco a recuperare....preso dallo sconforto ho cancellato le prove che avevo fatto....domattina vedo quello che trovo ancora e poi lo posto....
16-08-2015, 08.38.09

Buongiorno Alemoppo, ho ricostruito la pagina che ho chiamato index.php...di seguito inserisco il codice della pagina.
Quando faccio clic sui link le pagine mi si aprono in una pagina nuova e non nel div desiderato, in questo caso "cont".

Codice PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Documento senza titolo</title> <style type="text/css"> #contenitore { height: 500px; width: 800px; float: left; } #header { height: 100px; width: 800px; float: left; background-color: #F00; } #menu { float: left; height: 400px; width: 150px; background-color: #6FF; } #contenitore #menu p { padding: 5px; margin: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; } #cont { float: right; height: 400px; width: 650px; background-color: #FF0; } </style> </head> <body> <div id="contenitore"> <div id="header">Inserite qui il contenuto per id "header"</div> <div id="menu"> <p><a href="HOME.html">HOME</a></p> <p><a href="chi.html">CHI SIAMO</a></p> <p><a href="cosa.html">COSA FACCIAMO</a></p> <p><a href="dove.html">DOVE SIAMO</a></p> <p><a href="contatti.html">CONTATTI</a></p> </div> <div id="cont"> <?php if(isset($_GET['pagina']) && file_exists($_GET['pagina'].'.html')) include($_GET['cont'].'.html'); else include('home.html'); ?> </div> </div> </body> </html>
16-08-2015, 11.27.37
alemoppo

Ok, modifica

Codice PHP:

$_GET['cont']

in:

Codice PHP:

$_GET['pagina']

Poi, cambia tutti i link nel menù in questo modo:

Codice HTML:

<p><a href="./?pagina=HOME">HOME</a></p> <p><a href="./?pagina=chi">CHI SIAMO</a></p> <p><a href="./?pagina=cosa">COSA FACCIAMO</a></p> <p><a href="./?pagina=dove">DOVE SIAMO</a></p> <p><a href="./?pagina=contatti">CONTATTI</a></p>

Tieni presente che il codice delle "sottopagine" viene inserito dentro il div, quindi le pagine non dovrebbero avere un codice html completo (<html><head><title>...).

Ma il file "home.html" è scritto in maiuscolo? Perché nel menù è maiuscolo, ma nell'include sotto è minuscolo.

Ciao!
16-08-2015, 11.41.35

Perfettissimo....grazie tantissime....wow....cosa intendi quando mi dici che le sotto pagine non dovranno avere un codice html completo?
16-08-2015, 11.47.32
alemoppo

La tua pagina "principale" è del tipo (semplificando):

Codice HTML:

<html> <head> <title>principale</title> </head> <body> <div>  </div> </body> </html>

Se la pagina html da includere è "html completa", del tipo:

Codice HTML:

<html> <head> <title> inclusa </title> </head> <body> contenuto della pagina </body> </html>

...La pagina risultante sarà del tipo:

Codice HTML:

<html> <head> <title>principale</title> </head> <body> <div>  <html> <head> <title> inclusa </title> </head> <body> contenuto della pagina </body> </html> </div> </body> </html>

Come vedi, la pagina non è ben formata a livello html: ha due tag <html>, due tag <body>, due <head>, etc....

Ciao!
16-08-2015, 11.59.44

Grazie tante ancora...davvero....ancora una cosa scusa....ho provato a modificare con i css una pagina qualsiasi di quelle che avevo creato prima....quando imposto i css di quella pagina mi sposta tutto il div contenitore...questo perchè la pagina non è strutturata come mi hai detto tu nel messaggio precedente? Cioè inserire il div tra i body di alcuna pagina e conseguentemente applicare i css, oppure l'errore che mi da arriva da qualche altra parte?
Ciao.
16-08-2015, 12.17.01
alemoppo

Citazione:

Originalmente inviato da coloridellago

ho provato a modificare con i css una pagina qualsiasi di quelle che avevo creato prima

Le "sotto-pagine" da includere non devono avere codice html completo. Quindi nemmeno css. L'unico css dovrebbe essere quello nella pagina esterna, che usi per includere le altre.
Le "sotto-pagine" dovrebbero avere soltanto il contenuto di <body>.

Comunque non ho capito benissimo il problema; se non hai risolto, puoi linkare la pagina su cui stai lavorando?

Ciao!
16-08-2015, 13.13.36

Ciao Alemoppo, ti allego qui il codice della pagina che funziona correttamente....almeno per quello che riguarda i div e il php grazie ate.
Quello che ti dicevo prima è: se io in #cont inrisco ad esempio un padding di 10px si sposta tutto....

Codice PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Documento senza titolo</title> <style type="text/css"> #contenitore { height: 500px; width: 800px; float: left; margin:0 auto; } #header { height: 100px; width: 800px; float:left; background-color: #F00; } #menu { float: left; height: 400px; width: 150px; background-color: #6FF; } #contenitore #menu p { padding: 5px; margin: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; } #cont { float: right; height: 400px; width: 650px; background-color: #FF0; } </style> </head> <body> <div id="contenitore"> <div id="header">Inserite qui il contenuto per id "header"</div> <div id="menu"> <p><a href="./?pagina=home">HOME </a></p> <p><a href="./?pagina=chi">CHI SIAMO</a></p> <p><a href="./?pagina=cosa">COSA FACCIAMO</a></p> <p><a href="./?pagina=dove">DOVE SIAMO</a></p> <p><a href="./?pagina=contatti">CONTATTI</a></p> </div> <div id="cont"> <?php if(isset($_GET['pagina']) && file_exists($_GET['pagina'].'.html')) include($_GET['pagina'].'.html'); else include('HOME.html'); ?> </div> </div> </body> </html>
16-08-2015, 13.50.57
alemoppo

Quello è un problema di layout: #contenitore ha una larghezza di 800px. #menu di 150px. Quindi hai impostato giustamente la larghezza di #cont a 650px, in modo che 650+150 = 800.
Impostando un padding, aumenti la dimensione e quindi non riesce più a stare negli 800px, e quindi viene spostato sotto. Se vuoi impostare un padding di 10, devi impostare la width di 630px per farlo stare negli 800px.

Ciao!
16-08-2015, 14.01.20

Ok....io però volevo impostare 10px di padding al div cont di modo che i contenuti che finiranno nel div cont non rimangano troppo vicini al bordo...sicuramente l'ho impostato nel posto sbagliato.
Come posso fare?
Infinite grazie....abbi pazienza ma sono alle prima armi...come si suol dire....
16-08-2015, 14.27.20
alemoppo

Te l'ho già detto: puoi impostare il padding a 10px mettendo la dimensione (width) di #cont a 630px.

Ciao!
16-08-2015, 16.45.20

Ok ho capito...ma io voglio spostare il contenuto nella cornice e non il contrario. Mi spiego: se io do un padding di 10px ad un immagine ad esempio, il div deve stare fermo e spostarsi solo l'immagine....