Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

[RISOLTO] centrare un'immagine sullo sfondo Opzioni
ecofive
Inviato: Thursday, November 04, 2010 6:46:27 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Due anni sono un po' tanti ... sto pensando a qualche soluzione lievemente più rapida.

Ciao.
pollonia
Inviato: Thursday, November 04, 2010 7:52:16 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68
eheheh...sono tanti si! Whistle
ovviamente non ci sono dietro regolarmente
per via del tempo che non è mai molto e poi d'estate interrompo
il lavoro per parecchi mesi,per poi ricominciare a inizio autunno...;)
e quando ricomincio... qualcosa lo dimentico Whistle

grazie per l'interessamento! ;)

ciao
pollonia
Inviato: Friday, November 05, 2010 5:46:35 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68

come già si sapeva...adesso funziona tutto,con tutti stì codici la mia testa
stà fumando :))) grazie wubullo!
però adesso c'è un piccolo problema,alcune pagine le ho già create con photoshop
e mi tocca modificarle da 1024 a 950,alcune hanno una grafica semplice e quì
non ci sono problemi,però due di queste ho inserito delle animazioni ad incastro e quì
nasce il problema...devo modificare le animazioni per riadattarle alla nuova risoluzione di 950
della pagina,altrimenti non vanno d'oh!
quando capitano questi inghippi, fanno perdere un sacco di tempo e non vado
più avanti Whistle
intanto sistemo le animazioni,poi bisognerà cambiare anche il codice nuovamente...
vi spiegherò meglio quando ho finito di sistemare il tutto.

ciao
wubullo
Inviato: Friday, November 05, 2010 5:55:54 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
pollonia ha scritto:
adesso funziona tutto


Meglio così!!! Applause Applause Applause

pollonia ha scritto:
intanto sistemo le animazioni,poi bisognerà cambiare anche il codice nuovamente...
vi spiegherò meglio quando ho finito di sistemare il tutto.


Rimaniamo in attesa. Buon lavoro e a presto!


pollonia
Inviato: Monday, November 08, 2010 10:52:39 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68
questo è il risultato che dovrei ottenere: ovviamente questa pagina è un esempio!



la parte sopra chiara con la traccia in azzurro è un'animazione,la parte sotto in marroncino è un'immagine
e sottostante a tutte e due c'è lo sfondo
ho inserito la tua istruzione nel codice ed è diventato così:



infatti! bisogna modificare i valori nel codice,perchè l'immagine si centra, ma il flash no...!

inserisco il codice con la tua istruzione:

<!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">
<!--
body {
background-image: url(file:///H//sfondo.jpg);
background-repeat: repeat;
}
#apDiv1 {
width:950px;
height:713px;
margin: 20px auto 20px auto;
padding:5px;
text-align:left;
background: transparent url('sfondo-centrale.gif') no-repeat scroll center 5px;

}
#apDiv2 {
position:absolute;
left:1px;
top:2px;
width:950px;
height:229px;
z-index:2;
}
-->
</style>
<script src="DWConfiguration/ActiveContent/IncludeFiles/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div id="apDiv1"><img src="file:///H//prova0.jpg" width="950" height="713" /></div>
<div id="apDiv2">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','950','height','229','src','file:///H//prova','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','file:///H//prova' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="950" height="229">
<param name="movie" value="file:///H//prova.swf" />
<param name="quality" value="high" />
<embed src="file:///H//prova.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="950" height="229"></embed>
</object>
</noscript></div>
</body>
</html>


quali sono i nuovi valori per centrare entrambi le immagini? Whistle

grazie!

ciao






ecofive
Inviato: Tuesday, November 09, 2010 9:23:37 AM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Mi sembra che anche i codici per l'inserimento delle immagini e del file flash siano inesatti. Meglio aspettare il parere di Wubullo.

Ciao.
wubullo
Inviato: Tuesday, November 09, 2010 10:23:25 AM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
pollonia ha scritto:
questo è il risultato che dovrei ottenere: ovviamente questa pagina è un esempio!


In futuro, potresti inserire screenshot più grandi? Questi non sono molto chiari... Magari potresti usare IoUPPO --> IoUPPO Life

pollonia ha scritto:
bisogna modificare i valori nel codice,perchè l'immagine si centra, ma il flash no...!
[...]
quali sono i nuovi valori per centrare entrambi le immagini?


A volte è più difficile interpretare una domanda che dare una risposta... Think

Faccio qualche prova sulla base di quel che ho capito e ti faccio sapere.

Ciao e a presto.
pollonia
Inviato: Tuesday, November 09, 2010 1:47:45 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68

poi io in particolare, non riesco ad esporre una domanda che si riesca a "decifrare" cosa intendo dire. Whistle
non riesco a spiegarmi bene,purtroppo non conosco i termini giusti per descrivere i problemi,tutto perchè
non conosco molto bene ne dreamweaver ne HTML ecc... e per chi mi deve aiutare diventa un super lavoro Whistle
però alla fine ci riuscite! Applause

per gli screenshot,pensavo che ci fossero problemi per il forum a postare immagini troppo grandi ;)

provo a spiegarmi meglio!
le sole immagini (chiamiamole "pagine grafiche" invece che immagini,forse si capisce meglio ;))che importo in dreamweaver
con la tua istruzione inserita nel codice la pagina grafica si centra perfettamente e rimane tale
a qualunque risoluzione dello schermo e fin quì è ok,fatto questo....se io sopra a questa pagina grafica ci inserisco
un'immagine flash....il flash non rimane centrato assieme alla pagina grafica ma si sposta sulla sinistra,come
si vede nello screenshot che ho postato
spero di essermi spiegata meglio ;)

grazie ragazzi per la pazienza :)

ciao
wubullo
Inviato: Wednesday, November 10, 2010 1:52:52 AM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Problema chiaro.

Vedo di trovare una soluzione in tempi brevi!

A presto.
wubullo
Inviato: Wednesday, November 10, 2010 4:41:00 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Ciao pollonia.

Scusa, ma prima di risponderti volevo capire due cose.

1) Che immagine è quella inserita tra tag <div id="apDiv1">...</div>? Non è quella che funge da sfondo della <div> stessa o mi sbaglio?

Code:
<div id="apDiv1"><img src="file:///H//prova0.jpg" width="950" height="713" /></div>


2) Questa <div> a cosa serve? Cioè: che cosa contiene?

Code:
#apDiv2 {
position:absolute;
left:1px;
top:2px;
width:950px;
height:229px;
z-index:2;
}

...

<body>

...

<div id="apDiv2">

...

</div>


Le domande non sono provocatorie o polemiche... Sono proprio elementi che mi servono per darti una risposta! Anxious
pollonia
Inviato: Wednesday, November 10, 2010 6:46:49 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68
tranquì ho capito...ci mancherebbe! ;)

ti rinserisco il codice con le spiegazioni (forse ha ragione ecofive a dire che c'è qualcosa di sbagliato nel codice e nell'inserimento delle immagini)
vediamo se ne veniamo a capo.

<!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">
<!--
body {
background-image: url(sfondo.jpg);
background-repeat: repeat; questo è riferito allo sfondo composto da una piccola imagine duplicata
}
#apDiv1 {
width:950px; questo è un div con al suo interno la pagina grafica con la tua istruzione ed è perfettamente centrata come già detto
height:713px;
margin: 20px auto 20px auto;
padding:5px;
text-align:left;
background: transparent url('sfondo-centrale.gif') no-repeat scroll center 5px;

}
#apDiv2 {
position:absolute; questo è un secondo div che ho sovrapposto alla pagina grafica in cui all’interno ho inserito il flash
left:1px;
top:2px;
width:950px;
height:229px;
z-index:2;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div id="apDiv1"><img src="prova0.jpg" width="950" height="713" /></div> questo corrisponde alla pagina grafica e non allo sfondo
<div id="apDiv2">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','950','height','229','src','prova','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','prova' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="950" height="229">
<param name="movie" value="prova.swf" />
<param name="quality" value="high" />
<embed src="prova.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="950" height="229"></embed>
</object>
</noscript></div>
</body>
</html>


adesso vedo anch'io... non capisco come mai ci siano due istruzioni che danno il riferimento alla pagina grafica Brick wall

questo

#apDiv1 {
width:950px;
height:713px;
margin: 20px auto 20px auto;
padding:5px;
text-align:left;
background: transparent url('sfondo-centrale.gif') no-repeat scroll center 5px;

e questo

<div id="apDiv1"><img src="prova0.jpg" width="950" height="713" /></div>

ho provato a cancellare l'istruzione (prima una e poi l'altra) ma in entrambi i casi si cancellava la pagina grafica
mach...io a questo punto non ci capisco più niente... Think
spero che riuscirai a sbrogliare la matassa

ciao :)


wubullo
Inviato: Wednesday, November 10, 2010 6:57:04 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
OK sull'#apDiv2.

Quanto all'#apDiv1, non ci siamo intesi...

Prova a cancellare solo questa istruzione --> <img src="prova0.jpg" width="950" height="713" />.

Che succede? In sostanza, voglio capire quali immagini hai messo dove e per fare cosa...
pollonia
Inviato: Wednesday, November 10, 2010 7:16:37 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68

se cancello quella istruzione segnalata da te...si cancella la pagina grafica (come ho scritto sopra... ho provato anche io, ma la pagina grafica spariva Think


wubullo
Inviato: Wednesday, November 10, 2010 8:24:21 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Allora il mio sospetto si conferma... Think Think Think

Ho capito (credo):

Code:
#apDiv1 {
width:950px;
height:713px;
margin: 20px auto 20px auto;
padding:5px;
text-align:left;
background: transparent url('sfondo-centrale.gif') no-repeat scroll center 5px;


L'immagine che sta sullo sfondo di <div id="apDiv1"> (non sto parlando dello sfondo generale, ma di quella immagine che tu chiami "pagina grafica" e che è già centrata) è "prova0.jpg" non "sfondo-centrale.gif". Dico giusto?

Vale a dire: tu non hai nella cartella del tuo progetto e non utilizzi una immagine chiamata "sfondo-centrale.gif"... Confermi?

Devo insistere su questo punto perché - chiarito questo - il 90% del problema è risolto...
pollonia
Inviato: Wednesday, November 10, 2010 8:39:53 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68

hemm... hai ragione,cioè! infatti non ho nel progetto "sfondo-centrale.gif" Whistle
opss...copiando la tua istruzione non ho notato quel particolare
è lì il problema giusto?
wubullo
Inviato: Wednesday, November 10, 2010 8:48:06 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Yahoooooooooooooooooooooooooo!!!! Dancing Dancing Dancing Dancing

OK, facciamo un po' d'ordine. La modifica che sto per farti fare (ti avviso prima) non darà risultati apparenti e soprattutto non risolve il problema della tua animazione. Ma questo lo risolviamo subito dopo... Drool

Il codice che ti ho postato sopra modificalo in questo modo (puoi fare copia-incolla, ma devi sostituirlo a quello attualmente presente nella tua pagina):

Code:
#apDiv1 {
width:950px;
height:713px;
margin: 20px auto 20px auto;
padding:5px;
text-align:center;
background: transparent url('prova0.jpg') no-repeat scroll center 5px;


Di conseguenza, nel corpo della pagina (cioè nel <body>) andrai a cancellare - come ti dicevo prima - l'istruzione <img src="prova0.jpg" width="950" height="713" /> che sta tra i tag <div id="apDiv1">...</div>: ora non ti serve più!

Se noti la comparsa di un leggero bordo bianco sopra e sotto la tua immagine ("prova0.jpg"), dopo ti dirò come sbarazzarti anche di quello...

Abbi fede: ci siamo quasi! Drool

A prestissimo


pollonia
Inviato: Wednesday, November 10, 2010 8:56:29 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68

wooowww!! Applause

vado a cena, poi provo e ti faccio sapere! :)

ciao
wubullo
Inviato: Wednesday, November 10, 2010 10:28:02 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Ciao pollonia!

Eccoci all'atto finale! Dancing

Se vuoi saltare il passaggio precedente, ora che so come hai chiamato e dove hai posizionato le immagini, puoi anche solo copiare e incollare per intero questo codice all'interno della tua pagina. Ovviamente, questo sostituisce per intero quello che hai attualmente:

Code:
<!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">
<!--
body {
background-image: url('sfondo.jpg');
background-repeat: repeat;
}

#apDiv1 {
width:950px;
height:713px;
padding:5px;
margin: 20px auto 20px auto;
text-align:left;
background: transparent url('prova0.jpg') no-repeat scroll center 5px;

}
#apDiv2 {
width:950px;
height:229px;
}
-->
</style>

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

</head>

<body>
    <div id="apDiv1">
        <div id="apDiv2">
            <script type="text/javascript">
            AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','950','height','229','src','prova','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','prova' ); //end AC code
            </script>

            <noscript>
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="950" height="229">
                    <param name="movie" value="prova.swf" />
                    <param name="quality" value="high" />
                    <embed src="prova.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="950" height="229"></embed>
                </object>
            </noscript>

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


Adesso dovrebbe funzionare... Anxious

Per quanto riguarda gli eventuali spazi vuoti intorno a "prova0.jpg", come ti dicevo sopra, ti posso dire come toglierli.

Alla prossima!

pollonia
Inviato: Wednesday, November 10, 2010 10:31:09 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68

non ci siamo... Think
ho fatto come mi hai detto ma non succede niente
cioè,la pagina grafica rimane centrata mentre il flash spostato sulla sinistra...
sicuramente sono io che sbaglio qualcosa! Brick wall

questo è il codice dopo le tue modifiche

<!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">
<!--
body {
background-image: url(sfondo.jpg);
background-repeat: repeat;
}
#apDiv1 {
width:950px;
height:713px;
margin: 20px auto 20px auto;
padding:5px;
text-align:center;
background: transparent url('prova0.jpg') no-repeat scroll center 5px;
}
#apDiv2 {
position:absolute;
left:1px;
top:2px;
width:950px;
height:229px;
z-index:2;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div id="apDiv1"></div>
<div id="apDiv2">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','950','height','229','src','prova','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','prova' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="950" height="229">
<param name="movie" value="prova.swf" />
<param name="quality" value="high" />
<embed src="prova.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="950" height="229"></embed>
</object>
</noscript></div>
</body>
</html>

sti codici me li sogno di notte tra un pò... ahahahah!! ;)

ciao
wubullo
Inviato: Wednesday, November 10, 2010 10:35:07 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
pollonia ha scritto:
non ci siamo... Think
ho fatto come mi hai detto ma non succede niente
cioè,la pagina grafica rimane centrata mentre il flash spostato sulla sinistra...


Per dire la verità, questa era stata la prima cosa che ti avevo detto... Silenced

wubullo ha scritto:
La modifica che sto per farti fare (ti avviso prima) non darà risultati apparenti e soprattutto non risolve il problema della tua animazione. Ma questo lo risolviamo subito dopo...


Adesso, comunque, hai la soluzione completa (vedi la mia replica sopra al tuo ultimo post).

Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.