Visualizzazione risultati 1 fino 5 di 5

Discussione: Mantenere posizione immagini nei div

  1. #1
    Guest

    Predefinito Mantenere posizione immagini nei div

    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.

    <!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
    Ultima modifica di coloridellago : 16-07-2017 alle ore 11.08.58

  2. #2
    darbula non è connesso AlterGuru 2500
    Data registrazione
    24-04-2011
    Messaggi
    2,896

    Predefinito

    Se index.php recupera contenuti scritti con il markup html... Li va solo codice php è non markup html.
    Per quanto riguarda l'uso di ancora leggi le specifiche https://www.diodati.org/w3c/html401/...ks.html#edef-A però ricordati che usi XHTML nei tuoi documenti
    Ultima modifica di darbula : 16-07-2017 alle ore 14.11.18

  3. #3
    Guest

    Predefinito

    Ciao quindi tu mi stai dicendo che tutte le pagine richiamate dovranno essere in php e quindi senza file .css di supporto se non quellè quattro istruzioni margin o padding interne al file php stesso. Ho capito bene?

  4. #4
    darbula non è connesso AlterGuru 2500
    Data registrazione
    24-04-2011
    Messaggi
    2,896

    Predefinito

    Non ho detto questo... Te lo dico volgarmente "nella index.php richiami due pagine html... Tutto ciò che sta prima o dopo i tag di chiusura PHP verrà sempre interpretato".. Index ha due doctype due tag html tutto a due :D.. index.php = html index.php + pagina.html..Quindi index non avrà contenuto proprio usa codice PHP e non html il css lo metti nella home
    Codice PHP:
    <?php
    if(isset($_GET['pagina']) && $_GET['pagina'] != 'home.html' && file_exists($_GET['pagina'].'.html'))
    include(
    $_GET['pagina'].'.html');
    else
    include(
    'home.html');
    ?>
    adesso nelle ancore usa index php?pagina=chi
    Ultima modifica di darbula : 16-07-2017 alle ore 17.49.02

  5. #5
    Guest

    Predefinito

    Quindi devo sostituire il codice php nella pagina index.php con quello che mi hai inviato? Scusa l'ignoranza ma sto php proprio non lo digerisco...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •