Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 17
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    13

    gif e swf che si spostano

    ciao sono piuttosto nuovo, da qualche mese ho iniziato a studiare come mettere su un sito ed ora che l'ho messo in rete ho notato una cosa di cui non mi ero accorto, in pratica l'ho creato seguendo la risoluzione video del mio schermo 1024x768, ma quando mio fratello è andato a visitarlo con il suo schermo (un 19 pollici) i gif ed i swf messi su con i css o con le tabelle non erano nelle posizioni originarie, soprattutto la fila destra era spostata di quasi 200 pixel, allora ho provato a ridurre la risoluzione del mio schermo a 800x600 per vedere cosa accadeva ed ho notato che si spostano, voglio precisare che non ho comprato corsi appositi per HTML e che quello che ho imparato l'ho appreso da brava gente come voi che mette su siti decisamente utili, ma ora la mia convinzione di aver imparato qualcosa si sta' frantumando, non è che dovevo inserire qualcosa a livello di CSS, magari che ne sono, una formula magica? Grazie a qualsiasi uomo o donna di buona volontà che mi farà dormire.

  2. #2
    Utente di HTML.it L'avatar di LineaPixel
    Registrato dal
    Mar 2008
    Messaggi
    1,571
    Dacci un po' di codice da masticare

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    13
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
    <title>index.html</title>

    <script language="JavaScript">
    <!--
    // prelevato su http://www.web-link.it
    if ( navigator.appName == "Netscape" )
    {
    navigator.plugins.refresh();
    document.write("\x3C" + "applet MAYSCRIPT Code=NPDS.npDSEvtObsProxy.class" )
    document.writeln(" WIDTH=5 HEIGHT=5 NAME=appObs\x3E \x3C/applet\x3E")
    }
    // -->
    </script>





    <script language="JavaScript" type="text/javascript">
    <!-- http://www.web-link.it
    <!-- Begin
    var message = new Array();
    // Set your messages you want typed into the title bar below.
    // To add more messages, just add more elements to the array.
    message[0] = "Il Sito di Marta";
    message[1] = "Il Sito di Marta";
    message[2] = "Il Sito di Marta";
    message[3] = "Il Sito di Marta";
    message[4] = "Il Sito di Marta";
    message[5] = "Il Sito di Marta";

    // Set the number of repetitions (how many times a given message is typed out
    // before moving onto the next message).
    var reps = 1;
    var speed = 200;// Set the overall typing speed (larger number = slower action).
    var hold = 8 // set the length of time to display the whole phrase before retyping (larger number = longer)

    // DO NOT EDIT BELOW THIS LINE.
    var p = message.length;
    var q = 0;
    var r = 0;
    var C = 0;
    var mC = 0;
    var s = 0;
    var sT = null;

    if (reps < 1) {
    reps = 1;
    }
    function setMessage() {
    typing = message[mC];
    q = typing.length;
    r = q + hold;
    typeMessage();
    }
    function typeMessage() {
    if (s > r) {
    s = 0;
    }
    if (s > q) {
    document.title = '|- '+ typing +' - - -';
    }
    else {
    document.title = '|- '+ typing.substr(0,s)+' - - -';
    }
    if (C < (r * reps)) {
    sT = setTimeout("typeMessage()", speed);
    C++;
    s++;
    }
    else {
    C = 0;
    s = 0;
    mC++;
    if(mC > p - 1) {mC = 0;}
    sT = null;
    setMessage();
    }
    }
    setMessage();
    // End -->
    /*script per far vedere il nome del sito nella parte superiore del browser */
    </script>






    <META HTTP-EQUIV="imagetoolbar" CONTENT="no">


    <style type="text/css">
    <!--
    p {

    font-weight: small;
    font-style: italic;
    text-align: left;
    line-height: 1px;
    margin-left: 2px;
    font-size: 18px;
    font-family: Brady Bunch Remastered, Nose Bleed, Comic Sans MS, Arial;


    /* p di testo generale */
    }





    #fotomarta {
    position: absolute;
    top: 164px;
    left: 222px;
    zindex: 1;
    }
    /*id della foto di marta */





    #menusuperiore {
    position: absolute;
    top: 90px;
    left: 220px;
    text-align: left;
    margin-left: 115px;
    font-family: Nose Bleed, Comic Sans MS, Arial, Brady Bunch Remastered;
    font-weight: small;
    font-style: italic;
    font-size: 15px;
    }
    /* id menu superiore */

    #titolomarta {
    position: absolute;
    top: 86px;
    left: 1px;
    z-index: 2;
    }
    /* id del flash titolomarta */




    #filmatomarta {
    position: absolute;
    top: 761px;
    left: 545px;
    z-index: 3;
    }
    /* id del riproduttore video continuo */






    #fotogrillo {
    position: absolute;
    top: 165px;
    right: 7px;
    z-index: 4;
    }


    #fotowanted {
    position: absolute;
    top: 340px;
    right: 7px;
    z-index: 5;
    }

    #bandieraitalia {
    position: absolute;
    top: 450px;
    right: 7px;
    z-index: 6;
    }

    #lacastadeigiornali {
    position: absolute;
    top: 520px;
    right: 7px;
    z-index: 7;
    }

    #videogrillo {
    position: absolute;
    top: 689px;
    right: 6px;
    z-index: 8;
    }


    #leinterviste {
    position: absolute;
    top: 820px;
    right: 6px;
    z-index: 9;
    }

    #bannerjuventus {
    position: absolute;
    top: 689px;
    left: 1px;
    z-index: 10;
    }
    /* id del banner juventus*/



    #bannerrealmadrid {
    position: absolute;
    top: 765px;
    left: 296px;
    z-index: 11;
    }
    /* id del banner real madrid*/


    }
    a.menus
    {
    color: #3366cc;
    text-decoration: none;
    }
    a.menus:link
    {
    color: #3366cc;

    }
    a.menus:visited
    {
    color: #3366cc;
    }
    a.menus:hover
    {
    letter-spacing: 0px;
    }
    /* tutto ciò che riguarda il colore dei link del menu superiore */







    }
    a.menul
    {
    color: #3366cc;
    text-decoration: none;
    }
    a.menul:link
    {
    color: #3366cc;
    }
    a.menul:visited
    {
    color: #3366cc;
    }
    a.menul:hover
    {
    letter-spacing: 1px;
    }
    /* tutto ciò che riguarda il colore dei link del menu laterale */




    #orologio {
    position: absolute;
    top: 693px;
    left: 390px;
    z-index: 12;
    }


    #fotovideomenu {
    position: absolute;
    top: 86px;
    left: 307px;
    z-index: 13;
    }



    body {
    scrollbar-3dlight-color: #ff6600;
    scrollbar-arrow-color: rgb(255,255,255);
    scrollbar-base-color: #f49e09;
    scrollbar-darkshadow-color: #f49e09;
    scrollbar-face-color: #f49e09;
    scrollbar-highlight-color: #f49e09;
    scrollbar-shadow-color: #f49e09;
    scrollbar-track-color: #f49e09; /*colore della superficie sotto la sbarre di scorrimento */
    }

    /* per colorare le barre laterali di scorrimento */



    #barradata {
    position: absolute;
    top: 138px;
    left: 318px;
    z-index: 14;
    }



    #barracompleanno {
    position: absolute;
    top: 138px;
    left: 547px;
    z-index: 15;
    }


    #disneyland {
    position: absolute;
    top: 620px;
    right: 8px;
    z-index: 16;
    }

    #disney {
    position: absolute;
    top: 946px;
    right: 6px;
    z-index: 17;
    }


    #bannermartanord1 {
    position: absolute;
    top: 0px;
    left: 1px;
    z-index: 18;
    }
    #bannermartanord2 {
    position: absolute;
    top: 0px;
    left: 83px;
    z-index: 19;
    }
    #bannermartanord3 {
    position: absolute;
    top: 0px;
    left: 166px;
    z-index: 20;
    }
    #bannermartanord4 {
    position: absolute;
    top: 0px;
    left: 249px;
    z-index: 21;
    }
    #bannermartanord5 {
    position: absolute;
    top: 0px;
    left: 332px;
    z-index: 22;
    }
    #bannermartanord6 {
    position: absolute;
    top: 0px;
    left: 415px;
    z-index: 23;
    }
    #bannermartanord7 {
    position: absolute;
    top: 0px;
    left: 498px;
    z-index: 24;
    }
    #bannermartanord8 {
    position: absolute;
    top: 0px;
    left: 581px;
    z-index: 25;
    }
    #bannermartanord9 {
    position: absolute;
    top: 0px;
    left: 665px;
    z-index: 26;
    }
    #bannermartanord10 {
    position: absolute;
    top: 0px;
    left: 750px;
    z-index: 27;
    }

    #bannermartanord11 {
    position: absolute;
    top: 0px;
    left: 834px;
    z-index: 28;
    }

    #bannermartanord12 {
    position: absolute;
    top: 0px;
    left: 918px;
    z-index: 29;
    }


    #bannersud {
    position: absolute;
    top: 1013px;
    left: 0px;
    z-index: 30;
    }


    #tabellastanleybet {
    position: absolute;
    top: 1010px;
    left: 725px;
    z-index: 31;
    }


    -->

    </style>



    </head>

    questa è la head, per il body guardate il prossimo post, perché il codice era un po' lungo e non me lo ha fatto postare tutto insieme

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    13
    <body background="pagina19.jpg" bgcolor="#f49e09">

    <script language="JavaScript1.2">
    <!-- Start
    /* prelevato su web-link: http://www.web-link.it */

    function right(e) {
    if (navigator.appName == 'Netscape' &&
    (e.which == 3 || e.which == 2))
    return false;
    else if (navigator.appName == 'Microsoft Internet Explorer' &&
    (event.button == 2 || event.button == 3)) {
    alert("Il tasto destro del tuo Mouse è disabilitato");
    return false;
    }
    return true;
    }
    document.onmousedown=right;
    if (document.layers) window.captureEvents(Event.MOUSEDOWN);
    window.onmousedown=right;

    // end -->
    /*per evitare di rubare le immagini cliccando con il tasto destro del mouse */
    </script>



    <DIV id="filmatomarta"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"

    width="320" height="240">
    <param name="MOVIE" value="martaindex.swf">
    <param name="QUALITY" value="HIGH">
    <embed src="martaindex.swf" quality="high" type="application/x-shockwave-flash"

    width="320" height="240">
    </object></DIV>














    <a href="quandosononata.html" class="menul">

    Quando sono nata</a></p>
    <a href="lamiaecografia.html" class="menul">

    La mia ecografia</a></p>
    <a href="iprimimesi.html" class="menul">

    I primi mesi</a></p>
    <a href="ilpapaelamamma.html" class="menul">

    Il papà e la mamma</a></p>
    <a href="lamiacittamadrid.html" class="menul">

    La mia città, Madrid</a></p>
    <a href="torinolacittadipapa.html" class="menul">

    Torino, la città di papà</a></p>
    <a href="ilnegoziodigiocattoli.html" class="menul">

    Il negozio di

    giocattoli</a></p>
    <a href="imieiamici.html" class="menul">

    I miei amici</a></p>
    <a href="ilmagazzinodipapa.html" class="menul">

    Il magazzino di papà</a></p>
    <a href="ilmiopasseggino.html" class="menul">

    Il mio passeggino</a></p>
    <a href="imieigiocattoli.html" class="menul">

    I miei giocattoli</a></p>
    <a href="imieiprimivestitini.html" class="menul">

    I miei primi vestitini</a></p>
    <a href="lemiefotoalmare.html" class="menul">

    Le mie foto al mare</a></p>
    <a href="altremiefoto.html" class="menul">

    Altre mie foto</a></p>
    <a href="giugno2006.html" class="menul">

    Giugno 2006</a></p>
    <a href="settembre2006.html" class="menul">

    Settembre 2006</a></p>
    <a href="gennaiofebbraio2007.html" class="menul">

    Gennaio>Febbraio '07</a></p>
    <a href="marzoluglio2007.html" class="menul">

    Marzo>Luglio '07</a></p>
    <a href="imieinonniditorino.html" class="menul">

    I miei nonni di Torino</a></p>
    <a href="ilrealmadrid.html" class="menul">

    Il Real Madrid</a></p>
    <a href="lajuventus.html" class="menul">

    La Juventus</a></p>
    <a href="campionidelmondo.html" class="menul">

    Campioni del Mondo</a></p>
    <a href="videodalweb.html" class="menul">

    Video dal Web</a></p>
    <a href="goalnellastoria.html" class="menul">

    Goal nella storia</a></p>





    <div id="fotomarta">[img]martariflesso10.gif[/img]</div>


    <div id="menusuperiore">maggio '06

    &nbsp&nbsp
    giugno '06 &nbsp&nbsp
    settembre '06 &nbsp&nbsp
    ottobre '06 &nbsp&nbsp
    dicembre '06 &nbsp&nbsp
    febbraio '07 &nbsp&nbsp

    aprile '07 &nbsp&nbsp
    giugno '07 &nbsp&nbsp
    luglio '07 &nbsp&nbsp
    agosto '07 &nbsp&nbsp
    murcia '07 &nbsp&nbsp
    E-Mail &nbsp&nbsp

    </div>



    <div id="fotogrillo">[img]Grillostretto3.gif[/img]</div>
    <div id="fotowanted">[img]onorevoli.jpg[/img]</div>
    <div id="bandieraitalia">[img]Parlamento-pulito.jpg[/img]</div>
    <div id="lacastadeigiornali">[img]lacastadeigiornali.jpg[/img]</div>
    <div id="videogrillo">[img]videogrillo.jpg[/img]</div>
    <div id="leinterviste">[img]leinterviste.jpg[/img]</div>










    <div id="titolomarta"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#versio

    n=6,0,0,0"
    width="305" height="72" align="">
    <param name=movie value="titolomarta30572.swf"><param name=quality value=high>
    <embed src="titolomarta30572.swf" quality=high

    width="+inttostr(swfoptionform.swfwidth.Value)
    " height="72" align=""
    type="application/x-shockwave-flash"

    pluginspage="http://www.macromedia.com/go/getflashplayer">
    </embed></object></div>








    <div id="bannerjuventus"><OBJECT

    classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
    ID=bannerjuve2 WIDTH=279 HEIGHT=279>
    <PARAM NAME=movie VALUE="bannerjuve2.swf">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=loop VALUE=true>
    <EMBED src="bannerjuve2.swf" loop=true quality=high
    WIDTH=279 HEIGHT=279 TYPE="application/x-shockwave-flash"


    PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=

    ShockwaveFlash">
    </EMBED>
    </OBJECT>
    </div>


    <div id="bannerrealmadrid"><OBJECT

    classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
    ID=bannerreal235 WIDTH=235 HEIGHT=235>
    <PARAM NAME=movie VALUE="bannerreal235.swf">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=loop VALUE=true>
    <EMBED src="bannerreal235.swf" loop=true quality=high
    WIDTH=235 HEIGHT=235 TYPE="application/x-shockwave-flash"


    PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=

    ShockwaveFlash">
    </EMBED>
    </OBJECT>
    </div>






























    .</p>




    <div id="barradata"><script src="http://www.clocklink.com/embed.js"></script><script

    type="text/javascript" language="JavaScript">obj=new

    Object;obj.clockfile="5003-orange.swf";obj.TimeZone="Italy_Milan";obj.width=2 40;obj.

    height=20;obj.Place="";obj.DateFormat="yyyy / mm / dd DDD";obj.TimeFormat="H:mm:ss

    TT";obj.wmode="transparent";showClock(obj);</script></div>


    <div id="barracompleanno"><script

    src="http://www.clocklink.com/embed.js"></script><script type="text/javascript"

    language="JavaScript">obj=new

    Object;obj.clockfile="9001e-orange.swf";obj.TimeZone="Italy_Milan";obj.width=3 20;obj

    .height=20;obj.Target="2009,02,07,10,13,28";obj.Ti tle="Marta%20Birthday";obj.Message

    ="Message";obj.wmode="transparent";showClock(obj); </script></div>




    <div id="bannermartanord1">[img]slide10.gif[/img]</div>
    <div id="bannermartanord2">[img]slide11.gif[/img]</div>
    <div id="bannermartanord3">[img]slide12.gif[/img]</div>
    <div id="bannermartanord4">[img]slide13.gif[/img]</div>
    <div id="bannermartanord5">[img]slide14.gif[/img]</div>
    <div id="bannermartanord6">[img]slide15.gif[/img]</div>
    <div id="bannermartanord7">[img]slide16.gif[/img]</div>
    <div id="bannermartanord8">[img]slide17.gif[/img]</div>
    <div id="bannermartanord9">[img]slide18.gif[/img]</div>
    <div id="bannermartanord10">[img]slide19.gif[/img]</div>
    <div id="bannermartanord11">[img]slide20.gif[/img]</div>
    <div id="bannermartanord12">[img]slide21.gif[/img]</div>




    <div id="bannersud"><script type="text/javascript">
    //<![CDATA[
    document.write('<s'+'cript type="text/javascript"

    src="http://ad.altervista.org/js.ad/size=728X90/r='+new

    Date().getTime()+'"><\/s'+'cript>');
    //]]>
    </script></div>



    <div id="disney">[img]disney.jpg[/img]</div>
    <div id="disneyland"><a

    href="http://www.disneylandparis.com/it/introduction.htm?c=it&l=it&camid=PARTNER&mau

    id=IT06HOLYDISNEY/" target="_blank">[img]disneyland.jpg[/img]</a></div>

    <div id="tabellastanleybet"><table width="275" height="90" border="0">
    <tr valign="top">
    <td height="90"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"


    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#versio

    n=6,0,79,0"
    id="bannerstanleybet2" width="275" height="90">
    <param name="movie" value="bannerstanleybet2.swf">
    <param name="bgcolor" value="#990000">
    <param name="quality" value="high">
    <param name="allowscriptaccess" value="samedomain">
    <embed type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/go/getflashplayer"
    width="275" height="90"
    name="bannerstanleybet2" src="bannerstanleybet2.swf"
    bgcolor="#990000" quality="high"
    swLiveConnect="true" allowScriptAccess="samedomain"
    ></embed>
    </object></td>
    </tr>
    </table></div>

    <div id="fotovideomenu">[img]video.jpg[/img]</div>



    </body>
    </html>

    mancano i metatag, poi quando ho concluso vorrà dire che ce li metto.


    il sito è questo per chi volesse, certo non è quello della CNN.
    www.ilsitodimarta.altervista.org

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    13
    volevo precisare che il sito l'ho fatto usando solo internet explorer, quindi probabilmente aprendolo con altri browser potrebbero esserci dei problemi.

  6. #6
    Utente di HTML.it L'avatar di LineaPixel
    Registrato dal
    Mar 2008
    Messaggi
    1,571
    Come diceva una vecchia pubblicità: "tu sbagli candeggio"
    I siti si fanno SEMPRE basandosi su altri browser che rispettano maggiormente gli standard, come Firefox o Opera, poi andando a verificare anche su IE per correggere le incompatibilità ad hoc.

    Maaaaaammmmma mmia quanti script...
    Non mi sono letto tutto il codice, ma direi che il tuo problema dovrebbe essere l'avere usato solo posizionamenti assoluti.
    Mi sa che ti dovrai riscrivere un po' tutto

  7. #7
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    13
    volevo precisare che il sito l'ho fatto usando solo internet explorer, quindi probabilmente aprendolo con altri browser potrebbero esserci dei problemi.

  8. #8
    Un consiglio da uno forse leggermente più esperto di te, io sto imparando un poco di Javascript, da quello che dici non credo che sei ad un livello superiore al mio con questo linguaggio: quindi una domanda riesci ad interpretare quello che hai inserito in JS?
    Non ti bastava usare html e css? il tag Absolute molte volte ho visto che incasina, non sarebbe meglio dare una dimensione al layout e usare un align per centrarlo?
    Sinceramente per i div oltre alle dimensioni avrei messo anche a che distanza sono a sx o dx. Però con quel codice js che messo penso che quasi tu sia OT qui ma dovresti chiedere nel forum per javascript.
    Comunque ti consiglio (detto da uno quasi inesperto) di partire con cose più semplici e tutti i momenti verificare su explorer e firefox quello che stai facendo.
    Anche io all'inizio ho fatto le cavolate di scrivere tutto e dopo vedere come esce, risultato: magari per un tag non chiuso nel posto giusto e avevi scritto un popo' di codice:"trova l'errore lì in mezzo".

  9. #9
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    13
    ok capisco per gli script, ma nelle guide che ho visto in internet ho letto che con i contenitori DIV puoi sistemare qualsiasi foto o filmato, che DIO sono un miracolo, ma poi quando lo fai scopri che non è così, ma se allora non posso usare sempre dei contenitori dovrei forse "intabellare tutta la pagina?" (intabellare=fare tante tabelle) datemi uno spunto, ditemi qualcosa, perché riscrivere tutto non mi è utile visto che riscriverei tutto uguale visto che non so qual è l'errore, per quanto riguarda i browser hai ragione, ma questa cosa l'ho scoperta da poco, il prossimo sito inizierò valutando l'opera in corso usando i 3-4 browser più conosciuti, ma difficilmente ne farò qualcuno se qualche anima buona non mi suggerisce cosa adoperare oltre ai DIV con posizionamento assoluto.

  10. #10
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    13
    risposta per antony61

    grazie per la risposta, come mi consigli posso provare a togliere gli script, non è un problema, ed è vero, io so decisamente ad un livello più basso del tuo, visto che io sono a direttamente terra, per quanto riguarda i DIV pensavo, per quanto ho letto nella guide in internet, che bastasse dargli un top ed un lef perché la mia immagine stesse lì, tu mi stai dicendo che dovrei dargli anche un right e bottom, in pratica dargli tutte le coordinate? Io mi rifaccio a quello che leggo, ieri ho guardato il codice del sito della "stanleybet italia" ed ho visto come sono piazzati i DIV, fanno esattamente quello che faccio io, sono tutti posizionamenti assoluti, comunque provo con quello che mi ha consigliato, soprattutto toglierò gli script e vedrò.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.