Non mi visualizza le immagini...

17-08-2015, 16.32.56

Ciao a tutti,
sto pian piano creando il mio nuovo sito delle mie fotografie.
Allora ho creato una pagine con div ed è salvata come index.php.
Ho messo del testo dentro le varie pagine...e fin qui tutto bene.....funziona bene ecc....
Problema: quando inserisco una immagine dentro una qualsiasi delle pagine non me le visualizza....mi fa vedere solo una cornice vuota.
Di seguito metto il codice della pagina index.php e quella della pagina dove dovrebbe apparire l'immagine.
Come posso risolvere?
Vi prego sto impazzendo dietro a sta cosa.....

Questo è il codice dell'index.php:

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: 800px;

    width: 1000px;

    float: none;

    margin-right: auto;

    margin-left: auto;

}

#header {

    height: 100px;

    width: 1000px;

    float: left;

    background-color: #CC0000;

}

#menu {

    float: left;

    height: 700px;

    width: 150px;

    background-color: #6FF;

}

#contenitore #header img {

    padding-top: 5px;

    padding-left: 300px;

}

#contenitore #menu p {

    padding: 5px;

    margin: 5px;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 14px;

}

#cont {

    float: right;

    height: 580px;

    width: 830px;

}

#contenitore #cont {

    padding: 10px;

    background-color:transparent;

}

body {

    background-image: url();

a:link {

    text-decoration: none;

    background-color: #3FC;

}

a:visited {

    text-decoration: none;

}

a:hover {

    text-decoration: none;

}

a:active {

    text-decoration: none;

}

</style>

</head>



<body bgcolor="#0000FF">

<div id="contenitore">

  <div id="header">

  <img src="immagine titolo/titolo.png" width="400" height="90" />

  </div>

  <div id="menu">

    <p><a href="./?pagina=pages/home">HOME </a></p>

    <p><a href="./?pagina=pages/chi">CHI SIAMO</a></p>

    <p><a href="./?pagina=pages/cosa">COSA FACCIAMO</a></p>

    <p><a href="./?pagina=pages/dove">DOVE SIAMO</a></p>

    <p><a href="./?pagina=pages/modulo">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>

Questo è il codice della pagine home dove dovrebbe apparire l'immagine:

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>

</head>



<body>

<div>

<img src="../immagine titolo/titolo.png" width="400" height="90" />

</div>

</body>

</html>

17-08-2015, 17.25.48

Dimenticavo di dire che per testare il sito uso MAMP su Mac

**alemoppo** · 17-08-2015, 18.05.01

Semplicemente, credo che non venga raggiunto il file immagine. Controlla bene il percorso. Può essere anche che lo spazio dia fastidio. Prova a sostituire lo spazio con un altro carattere, ad esempio "underscore" -> "_" (sia nella foto, sia nello script).

Se non risolvi con l'underscore, servirebbe sapere bene la struttura delle cartelle: il percorso dove si trova il file PHP e il percorso delle immagini: ad esempio sicuro di salire di una cartella superiore? (con il doppio punto ../).

Altre cose:

Se nello script, tutte le pagine da includere sono dentro la cartella "pages", puoi inserirlo nello script e quindi non passarlo nel parametro, ovvero:

Codice PHP:


if(isset($_GET['pagina']) && file_exists('./pages/'.$_GET['pagina'].'.html')) 

     include('./pages/'.$_GET['pagina'].'.html'); 

else 

     include('home.html'); 

 ?>

E quindi il menù:

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=modulo">CONTATTI</a></p>

pignoleria(1):
per il menù invece di <div>+<p>, sarebbe meglio usare <ul>+<li>

Ultima cosa che ti dicevo nell'altra discussione, elimina tutto l'html nei file inclusi: il file "home.html" e tutti gli altri lascia soltanto il contenuto del <body>, quindi:

Codice HTML:

<div> 
<img src="../immagine titolo/titolo.png" width="400" height="90" /> 
</div>

pignoleria(2):
i <div> lì (per ora) non servono. Inoltre width e height specificali tramite CSS e non in quel modo!

Ciao!

17-08-2015, 18.12.00

Ciao Alemoppo, la struttura delle cartelle è:
nella cartella root si trova il file index.php
nella cartella pages si trovano tutte le pagine chi, cosa, dove, contatti, home ecc....
e nella pagina home.html volevo metterci un'immagine come prima pagina....
c'è poi un'altra cartella cho ho chiamato pagine immagini, dove ci sono tutte le foto (piccole e grandi perchè nel precedente sito avevo usato lightbox per fare una slide un pò carina) dove ci sono le pagine relative alle immagini (alba.html, giorno, tramonto, flora, fauna, ecc....)

**alemoppo** · 17-08-2015, 18.15.43

Ok, da quel che ho capito quindi i due punti non vanno bene. Inoltre come ti ho detto prima sostituisci lo spazio con un altro carattere, che può dar problemi. Penso che quindi così dovrebbe andare:

Codice HTML:

<img src="./immagine_titolo/titolo.png" width="400" height="90" />

(ovviamente rinominando la cartella in "immagine_titolo").

Ciao!

17-08-2015, 18.19.38

Adesso provo...grazie.
Ciao

17-08-2015, 18.33.40

Ho risolto grazie....era un punto in più davanti al percorso dove andare a cercare la foto...grazie infinite della pazienza che hai avuto....
probabilmente avrò ancora bisogno del forum....
Grazie infinite di cuore.

17-08-2015, 19.04.25

L'ultima informazione che mi manca ė:
dove devo mettere il margin per poter spostare la foto?

**alemoppo** · 17-08-2015, 21.02.12

Nell'immagine:

Codice HTML:

<img src="Immagine.png" style="margin-left:40px;margin-top:30px;">

Ti posiziona l'immagine a 40px da sinistra e 30px dall'alto.

p.s: ovviamente sarebbe meglio fare una classe e impostare la classe all'immagine...

Ciao!

17-08-2015, 22.16.25

Scusa l'ignoranza: cosa sarebbero le classi e come si impostano?

**alemoppo** · 17-08-2015, 22.27.20

Sono come gli id che hai impostato te, soltanto che le classi si possono applicare a più di un elemento. Vedi qui.

Ciao!

Discussione: Non mi visualizza le immagini...

LinkBack

Strumenti discussione

Display

Non mi visualizza le immagini...

Regole di scrittura