• N
    User •

    problemi con risoluzione del sito

    buona sera a tutti, ho un problema! Ho pubblicato il mio sito in internet -- www.noianblau.eu --- ma non so come fare in modo che la grafica si adatti alla risoluzione video delle persone che lo visitano😢! qualcuno potrebbe aiutarmi..grazie anticipatamente!

    0
  • dario.scarano
    Moderatore •

    Ciao noianblau,
    per iniziare nel css potresti definire le distanze in percentuali anzichè in pixel.

    0
  • N
    User •

    @PsYCHo said:

    Ciao noianblau,
    per iniziare nel css potresti definire le distanze in percentuali anzichè in pixel.

    PsYCHo grazie inanzitutto per la tua pronta risposta di aiuto, ma ahimè non conosco molto di html ...quello di cui avrei bisogno è lo script da inserire all'interno del mio sito e sopratutto sapere dove inserirlo !
    Riporto lo script per intero, magari se puoi e hai tempo puoi dargli un occhiata e controllare se tutto è ok....Grazie anticipatamente!
    qui riporto il codice per intero...

    [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>
    <HTML>
    <HEAD>
    <TITLE>noianblau</TITLE>
    <META NAME="Keywords" CONTENT="barcelona, bar,local, musica, dj, fotografia, pintura, bar de copa, cubata, amistà, felicità,mojito, ">
    <META NAME="Description" CONTENT="local , barcelona, spagna,carrer de sant vicenç 35, raval north, nord, musica en vivo, dj session, exposicion , fotografia, pintura, Associaçion Cultural, associacion, spetaculo, musica, divertiment, chicas, guapa">
    <META NAME="Author" CONTENT="[email protected]">
    <!-- META Tags generated by http://submitexpress.com/metatag.html -->
    </HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>noianblau</title>
    <style type="text/css">
    <!--
    body {
    background-color: #000000;
    background-image: url();
    }
    #Layer1 {
    position:absolute;
    width:537px;
    height:187px;
    z-index:1;
    left: 227px;
    top: -2px;
    }
    #Layer2 {
    position:absolute;
    width:561px;
    height:333px;
    z-index:2;
    left: 406px;
    top: 216px;
    }
    #Layer3 {
    position:absolute;
    width:165px;
    height:104px;
    z-index:3;
    left: 12px;
    top: 77px;
    }
    .Stile2 {
    color: #FF0000;
    font-weight: bold;
    font-size: 14px;
    }
    .Stile5 {
    color: #FFFFFF;
    font-size: 12px;
    }
    #Layer4 {
    position:absolute;
    width:2px;
    height:115px;
    z-index:4;
    left: 13px;
    top: 229px;
    }
    #Layer5 {
    position:absolute;
    width:121px;
    height:22px;
    z-index:5;
    left: 32px;
    top: 508px;
    }
    a:link {
    color: #FF9900;
    }
    a:visited {
    color:;
    }
    a:hover {
    color:;
    }
    a:active {
    color:;
    }
    #Layer6 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:6;
    left: 40px;
    top: 602px;
    }
    #Layer7 {
    position:absolute;
    width:60px;
    height:15px;
    z-index:6;
    left: 33px;
    top: 409px;
    }
    .Stile7 {
    color:;
    font-size: 18px;
    }
    -->
    </style></head>
    <body>
    <div id="Layer7"><span class="Stile7"><a href="Gallery/gallery.html">Gallery</a></span></div>
    <div id="Layer3">
    <div align="center">
    <p class="Stile2">A.C.</p>
    <p align="justify" class="Stile5">"Exposiciones de Pintura y Fotografia, Musica en vivo, Dj session, Cinematografia, Cortometrage " </p>
    </div>
    </div>
    <div id="Layer1">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="601" height="218">
    <param name="movie" value="Senza nome-1_Scena 1.swf">
    <param name="quality" value="high">
    <embed src="Senza nome-1_Scena 1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="601" height="218"></embed>
    </object>
    </div>
    <div id="Layer2">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="570" height="335">
    <param name="movie" value="foto index_Scena 1.swf" />
    <param name="quality" value="high" />
    <embed src="foto index_Scena 1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="570" height="335"></embed>
    </object>
    </div>
    <div id="Layer4"><img src="LOCALE.jpg" width="198" height="143" alt=""></div>
    <div id="Layer5"><a href="<A href="mailto:[email protected]">[email protected]</a></div">mailto:[email protected]">[email protected]</a></div>
    <a href="<A href="mailto:[email protected]"></a">mailto:[email protected]"></a>
    </body>
    </html>[/HTML]

    0
  • J
    Super User •

    Ciao noianblau e benvenuto nel forum GT!
    ho editato il tuo post usando il tag [ html] in modo che non occupi troppo spazio in lunghezza.

    La soluzione proposta da Psycho, chiamata layout fluido, è sicuramente quella che devi applicare visto che, usando le percentuali invece che misure assolute, il tuo sito si adatterebbe perfettamente ad ogni tipo di risoluzione.

    Se ad esempio come larghezza di un blocco setti il valore fisso di 900 pixel è chiaro che con una risoluzione di 800x600 avrai una scrollbar orizzontale, se invece setti una grandezza in percentuale (es. 90%) questa si adatterà fluidamente (da qui il nome) allo schermo da cui viene visualizzata.

    Se non hai conoscenza dei css puoi leggere una guida, ma intanto ti invito a leggere questo articolo sul layout fluido.

    0
  • D
    User •

    ciao e salve a tutti, mi permetto di unirmi al grido di aiuto di noianbalu, anche io hofatto un sito da me in flash, risoluzione data 1024x768 ma non so come e dove intervenire per far si che il sito si adatti agli schermi di chiunque lo visualizzi.
    premetto checonosco pochissimo di flash e nulla di HTML.
    ho provato a leggere l'articolo indicato ma dice checon un layout fluido il problema è risolto, ok....ma dove e come si inserisce tale layout?
    grazie..a chiunque si soffermi...

    0
  • N
    User •

    @Josie said:

    Ciao noianblau e benvenuto nel forum GT!
    ho editato il tuo post usando il tag [ html] in modo che non occupi troppo spazio in lunghezza.

    La soluzione proposta da Psycho, chiamata layout fluido, è sicuramente quella che devi applicare visto che, usando le percentuali invece che misure assolute, il tuo sito si adatterebbe perfettamente ad ogni tipo di risoluzione.

    Se ad esempio come larghezza di un blocco setti il valore fisso di 900 pixel è chiaro che con una risoluzione di 800x600 avrai una scrollbar orizzontale, se invece setti una grandezza in percentuale (es. 90%) questa si adatterà fluidamente (da qui il nome) allo schermo da cui viene visualizzata.

    Se non hai conoscenza dei css puoi leggere una guida, ma intanto ti invito a leggere questo articolo sul layout fluido.

    Ciao Josie ..potresti farmi un esempio di codice ..nel mio sito ci sono elementi flash...dove intervenire...sui layout? e come? dove devo inserire i nuovi valori..
    Grazie anticipatamente per l'aiuto!

    0
  • dario.scarano
    Moderatore •

    Per creare un layout fludio non c'è bisogno di installare script particolari o altri software. Dovete solo cambiare "l'unità di misura" nel css. Se prima veniva definito tutto con i pixel adesso lo dovete fare in percentuale.Facciamo un esempio prendendo il codice postato da noianblau:

    Adesso questa porzione di codice è così:

     #Layer2 {
position:absolute;
width:561px;
height:333px;
z-index:2;
left: 406px;
top: 216px;
}
```Per avere un layout fluido dovrà diventare così (i numeri percentuali sono inventati solo a titolo di esempio):

    position:absolute;
    width:561px;
    height:333px;
    z-index:2;
    left: 40%;
    top: 21%;
    }

    position:absolute;
    width:56%;
    height:33%;
    z-index:2;
    left: 406px;
    top: 216px;
    }

    ;)
    0
  • N
    User •

    Grazie mille PsYCHo ! Sei stato gentilissimo nella tua spiegazione! ora proverò e ti farò sapere..grazie ancora

    0
  • N
    User •

    @PsYCHo said:

    Per creare un layout fludio non c'è bisogno di installare script particolari o altri software. Dovete solo cambiare "l'unità di misura" nel css. Se prima veniva definito tutto con i pixel adesso lo dovete fare in percentuale.Facciamo un esempio prendendo il codice postato da noianblau:

    Adesso questa porzione di codice è così:

    > #Layer2 {
position:absolute;
width:561px;
height:333px;
z-index:2;
left: 406px;
top: 216px;
}
>```Per avere un layout fluido dovrà diventare così (i numeri percentuali sono inventati solo a titolo di esempio):

    position:absolute;
    width:561px;
    height:333px;
    z-index:2;
    left: 40%;
    top: 21%;
    }

    >#Layer2 {
position:absolute;
width:56%;
height:33%;
z-index:2;
left: 406px;
top: 216px;
}
>```I pro sono che il layout del vostro sito si adatterà alla risoluzione di chi lo visita, il difetto stà nel fatto che con i pixel si posizionano gli elementi in modo più preciso mentre con le percentuali no.
;)
 
Buongiorno PsYCHo ..ho provato..ma nulla da fare...Il sito lo visualizzo correttamente in risoluzione 1280x1024 mi sono permesso di postare il codice..magari se hai tempo e puoi saresti così gentile da apportare le dovute correzioni...! Sicuro di un tuo rapido intervento ti saluto distintimante e sopratutto ti ringrazio!
    0
Effettua l'accesso per rispondere