Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    IMg nel DIV c'è ma non si vede

    Ciao ho un problema con le img.
    Ho una pagina php nella quale c'è un <div> all'interno del quale c'è una <img> in gif.

    Ora, se la carico così com'è l'immagine si vede.
    Se la carico con un include all'interno di un div in un'altra pagina o la carico con una chiamata Ajax, la pagina si carica correttamente, ma al posto dell'immagine compare solo il ALT TEXT e l'immagine (gif o jpg o png il risultato è lo stesso) non si vede.

    C'è qualcuno che può darmi una mano?

    Grasssie.

  2. #2
    un po' di codice?

    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  3. #3
    Ciao Zappa

    questo è il codice della pagina PROVA che contiene la gif:

    <!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>prova</title>
    <meta name="GENERATOR" content="Freeway 4 Pro 4.4.2"/>
    <link rel="stylesheet" type="text/css" href="../css/wbz.css"/>
    <style type="text/css">
    <!--
    body { margin:0px; background-color:#444 }
    -->
    </style>
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="../css/ie6.css"/>
    <![endif]-->
    </head>
    <body>
    <div id="PageDiv">
    <div id="home" class="f-x2" style="position:relative; left:0px; top:0px; width:772px; z-index:1; padding:15px; overflow:visible">

    <p class="f-lp">[img]Resources/slogan.gif[/img]<div id="elenco1" class="f-x2 f-x3" style="position:relative; float:left; width:772px; clear:right; overflow:visible">
    <p class="ALLsinistra"><span class="TITOLOtesto">100% ECOLOGICHE</span></p>
    <p class="ALLsinistra"><span class="TESTObianco">Tutte le T-shirt Wild Boyz sono realizzate impiegando solo cotone biologico non trattato, senza coloranti nocivi, sostanze tossiche o pesticidi. Il tessuto è quindi totalmente anallergico e rispettoso dell'ambiente.</span></p>
    </div>

    </p>
    </div>
    </div>
    </body>
    </html>

    E questo è il codice della pagina index.php dove faccio l'include della pagina PROVA:

    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>
    <script language="javascript">
    <!-- 
    window.resizeTo(window.screen.availWidth,window.screen.availHeight)
    window.moveTo(0,0)
    //-->
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>WILDBOYZ :: Sea Snow Street Technical T_Shirt</title>
    <meta name="GENERATOR" content="Freeway 4 Pro 4.4.2"/>
    <link rel="stylesheet" type="text/css" href="css/wbz.css"/>
    <style type="text/css">
    <!-- 
    body { margin:0px; background-color:#c3d6ff; background-image:url(Resources/bkg2.jpg); background-repeat:repeat-x; background-position:left top; height:100% }
    html { height:100% }
    -->
    </style>
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="css/ie6.css"/>
    <![endif]-->
    <script src="script/prototype.js" language="javascript"></script>
    <script src="script/effects.js" language="javascript"></script>

    <script src="script/scriptaculous.js" language="javascript"></script>

    <script src="script/accordion.js" language="javascript"></script>
    <link rel="stylesheet" type="text/css" href="script/accordion.css" />

    <script src="script/ahahText.js" language="javascript"></script>

    <script src="script/lightwindow.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="script/default.css" />
    <link rel="stylesheet" type="text/css" href="script/lightwindow.css" />

    <script src="script/menu.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="script/menu.css" />


    <script src="script/shadedborder.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="script/shadedborder.css" />

    <script type="text/javascript">//<![CDATA[

    function pjdFitWindow( myWidth , myHeight , x , y)
    {



    if ( navigator.appName == "Netscape" )
        {
        window.innerHeight    = myHeight;
        window.innerWidth    = myWidth;
        }
        else
        {
        window.resizeTo( myWidth , myHeight );
        }

    window.moveTo( x , y );
    }

    //]]></script></head>
    <body onLoad="pjdFitWindow(window.screen.availWidth , window.screen.availHeight , 0 ,0 )">
    <div id="PageDiv" style="position:relative; margin:auto; width:1000px; height:100%">
        <div id="wrapper" class="IMGraggi" style="position:absolute; left:0px; top:0px; width:1000px; height:500px; z-index:1; overflow:visible">

            <div id="header" style="position:relative; width:800px; height:100px; margin:70px auto auto; overflow:visible">
                <p class="f-lp">[img]Resources/wildboyzbianco.png[/img]</p>
            </div>
            <div id="container" class="f-x2" style="position:relative; width:800px; margin:auto; overflow:visible">
                <div id="menu" class="IMGmenu" style="position:relative; width:770px; height:12px; padding:6px; margin:auto; overflow:visible">
                    <p class="menu f-lp">home | le linee | gallery | dicono di noi | contact</p>
                </div>
                <div id="content" class="f-x2" style="position:relative; width:800px; overflow:visible">

                    <p class="ALLcentrato f-lp"><?
    include('home/prova.php');
    ?></p>
                </div>
            </div>
        </div>
        <div id="magliarossa" class="IMGmagliarossa" style="position:absolute; left:80px; top:17px; width:225px; height:225px; z-index:2">
        </div>
        <div id="magliablu" class="IMGmagliablu" style="position:absolute; left:686px; top:15px; width:225px; height:225px; z-index:3">
        </div>
    </div>

    <script type="text/javascript" language="javascript">

    var Container = RUZEE.ShadedBorder.create({ corner:16, border:8, borderOpacity:0.2, edges:"blr"});
    Container.render('container');

    </script>
    </body>
    </html>
    Il codice è integrale non ho cancellato nulla.
    La stessa cosa mi succede anche quando ho un link con una chiamata ajax (tipo <a href=\"javascript:void(null); onclick='new Ajax.Updater('main', 'prova.html')';>PROVA</a>)

    Mi sai dire perchè la img la vedo se carico la pagina così com'è , ma se la includo o la chiamo, con si vede la IMG?

    Grazie

  4. #4
    Originariamente inviato da salaric
    Mi sai dire perchè la img la vedo se carico la pagina così com'è , ma se la includo o la chiamo, con si vede la IMG?
    Grazie
    semplicemente perch&egrave; NON PUOI includere una pagina html INTERA (lato server, per esempio)
    Puoi invece includere UNA PARTE di pagina, facendo per&ograve; in maniera che il risultato, include compreso, sia un HTML ben formato
    In poche parole, facendo come fai tu, ottieni che nel tuo <html> ad un certo punto c'&egrave; un altro <html> dentro di esso e, credimi, il browser non capisce pi&ugrave; nulla!

    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  5. #5
    Cavolo è vero!

    Quindi dovrei fare in modo di inserire solo una porzione di pagina, oppure, meglio ancora usare i css per inserire delle img come background di un div. In questo caso si vedono.

    Quello che non capisco però è quando uso ajax per inserire o aggiornare div con contenuti presi da altre pagine html o php (s e sono dinamiche) la parte testuale viene visualizzata e funziona tutto alla perfezione tranne per le immagini. Solo se le inserisco con i css allora si vedono. Solo che è più complicato gestirle, almeno in fase di implementazione di un sito.

    Comunque grazie

  6. #6
    Originariamente inviato da salaric
    ... la parte testuale viene visualizzata e funziona tutto alla perfezione tranne per le immagini.
    devi fare attenzione alle path delle immagini.
    Se le metti assolute non avrai mai problemi

    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  7. #7
    Si quelle le controllo sempre in effetti.

    Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.