[PHP] Costruzione nuovo sito

adry59 · 17 Lug 2017

Ciao a tutti, chiedo aiuto a voi perchè sto letteralmente impazzendo in questo problema.
Allora: ho una pagina che si chiama index.php la quale richiama tramite menù presente nel div menù altre pagine che vengono aperte nel div main. Le pagine html contengono immagini.
Il problema è questo: quando avvio il file index.php l'immagine denominata "titolo" presente nel div header è al suo posto, ma quando clicco alla voce chi, fecente riferimento alla pagina chi.html nella quale ho messo una foto che avevo scattato io, l'immagine "titolo" presente nell'header si sposta di conseguenza. Come posso risolvere questo problema? Grazie.
Di seguito allego sia codice della pagina index.php che le due immagini per farvi capire meglio quel'è il problema ed inoltre il file chi.html e chi.css.
Premetto che a PHP sono quasi a zero e la parte di codice in php presente nella pagina l'ho trovata su internet e adattata di conseguenza. Qualcuno di voi mi può aiutare con il codice. Grazie per la cortese attenzione.

<!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: 900px;
width: 1000px;
margin:0px auto;
}
#header {
height: 100px;
width: 1000px;
float: left;
background-color: #FFF;
}
#menu {
float: left;
height: 730px;
width: 150px;
background-color: #CCC;
}
#menu p {
padding: 8px;
margin: 5px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
#cont {
float: right;
height: 400px;
width: 550px;
background-color: #FF0;
}
#footer {
float:left;
height:70px;
width:1000px;
background-color:#F00;

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#menu p a {
border: 1px solid #009;
padding: 5px;
}
#menu p a:hover {
color: #FFF;
text-decoration: none;
background-color: #009;
}
body {
background-color: #06F;
}
#header img {
padding-left: 100px;
padding-top: 10px;
position: static;
}
</style>
</head>

<body>
<div id="contenitore">
<div id="header">
<img id="titolo" /><img src="fpb.jpg" />
</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">COSAFACCIAMO</a></p>
<p><a href="./?pagina=dove">DOVE SIAMO</a></p>
<p><a href="./?pagina=contatti">CONTATTI</a></p>
</div>
<div id="footer">Inserite qui il contenuto per id "footer"</div>
<?php
if(isset($_GET['pagina']) && file_exists($_GET['pagina'].'.html'))
include($_GET['pagina'].'.html');
else
include('home.html');
?>
</div>
</body>
</html>

File chi.html:

<!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>
<link href="chi.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>

<body>
<img src="ah l'amour.jpg" width="307" height="456" id="venezia" />
</body>
</html>

File chi.css:

@charset "UTF-8";
/* CSS Document */

body img#venezia{
margin-top:30px;
margin-left:100px;
}

http://fashionphotobook.altervista.org/imm2/001.jpg questa è quella in cui l'immagine titolo è dove dovrebbe stare;
http://fashionphotobook.altervista.org/imm2/002.jpg

jotes · 17 Lug 2017

adry59 ha scritto:
Ciao a tutti, chiedo aiuto a voi perchè sto letteralmente impazzendo in questo problema.
Allora: ho una pagina che si chiama index.php la quale richiama tramite menù presente nel div menù altre pagine che vengono aperte nel div main. Le pagine html contengono immagini.
Il problema è questo: quando avvio il file index.php l'immagine denominata "titolo" presente nel div header è al suo posto, ma quando clicco alla voce chi, fecente riferimento alla pagina chi.html nella quale ho messo una foto che avevo scattato io, l'immagine "titolo" presente nell'header si sposta di conseguenza. Come posso risolvere questo problema? Grazie.
Di seguito allego sia codice della pagina index.php che le due immagini per farvi capire meglio quel'è il problema ed inoltre il file chi.html e chi.css.
Premetto che a PHP sono quasi a zero e la parte di codice in php presente nella pagina l'ho trovata su internet e adattata di conseguenza. Qualcuno di voi mi può aiutare con il codice. Grazie per la cortese attenzione.

ciao, premetto che essendo non vedente sul CSS non posso darti una gran mano. qualche consiglio che posso darti è prova a mettere l'header in un file.php e includerlo.
in quanto al codice avrei delle soluzioni

penso ci sia un errore qui

PHP:

<?php if(isset($_GET['pagina']) && file_exists($_GET['pagina'].'.html')) include($_GET['pagina'].'.html'); else include('home.html'); ?>

che dovrebbe essere:

PHP:

<?php if(isset($_GET['pagina']) && file_exists($_GET['pagina'].'.html')) { include($_GET['pagina'].'.html'); } else { include('home.html'); } ?> come detto prima sul CSS non posso darti una mano. :)

borgo italia · 18 Lug 2017

ciao attento agli include
mettiamo che tu abbia la seguente pagina.php (deve essere pho in quanto usi del codice php)

PHP:

<!DOCTYPE html>
<head>
<title>pagina</title>
</head>
<body>
<?php
include "pinco.html";
?>
</body>
</html>

e la seguente pinco.html (così come hai fatto tu)

HTML:

<!DOCTYPE html>
<head>
<title>pinco</title>
</head>
<body>
bla, bla, bla.....
</body>
</html>

il risultato finale (cioè quello che legge il browser) è

HTML:

<!DOCTYPE html>
<head>
<title>pagina</title>
</head>
<body>
<!DOCTYPE html>
<head>
<title>pinco</title>
</head>
<body>
bla, bla, bla.....
</body>
</html>
</body>
</html>

cioè ti ritrovo una pagina con due tag doctype, head, body html ed è un errore

considera che l'include o il require è paragonabile ad un copy/paste

adry59 · 18 Lug 2017

Ciao...grazie mille...quindi se non ho capito male tutte le pagine saranno php tra i cui Tag <?php e ?> c'è il codice html. Correggimi se sbaglio per cortesia

borgo italia · 19 Lug 2017

ciao
se da qualche parte usi codice php ti conviene che tutte le pagine siano .php anche se contengono solo html, un giorno potresti aggiungere del codice e quindi cambiare l'estensione da html a php con conseguente verifica di tutti i vari link
schematicamente una pagina php con html può avere questa struttura

PHP:

<!DOCTYPE html>
<head>
<title>Documento senza titolo</title>
<!-- css e vari js-->
</head>
<body>
<!-- altro html che ti possa servire-->
<?php
//codice php
?>
<!-- altro html che ti possa servire-->
<?php
// altro codice php
?>
</body>
</html>

ricorda che comunque il codice php genera codice html
esempio scrivere nella pagina una frase tra i tag grassetto

HTML:

<b>buongiorno</b>

oppure

PHP:

<?php echo "<b>buongiorno</b>"; ?>

avrai l'identico risultato finale
con il pregio che php è dinamico e può cambrare in funzione delle circostanze, esempio

PHP:

<?php
// qui leggero qualcosa es dal database il nome dell'utente collegato
?>
<b>buongiorno <?php echo $nome_utente;?></b>

se il nome trovato è Pinco il browser mostrerà

buongiorno Pinco

Cerca

Cerca

[PHP] Costruzione nuovo sito

adry59

Nuovo Utente

jotes

Nuovo Utente

borgo italia

Super Moderatore

adry59

Nuovo Utente

borgo italia

Super Moderatore

Discussioni simili