Flash: come centrare i filmati

Di: Pacio | 26/09/2020 18:30:15
ho creato un filmato flash che vorrei centrare orizzontalmente e verticalmente al centro della pagina web.
Nonostante sia andato su "impostazioni pubblicazione > htm" ed aver impostato allineamento flash centrato, il filmato risulta sempre allineato in alto a destra...
qualcuno puo aiutarmi?
posso centrarlo aiutandomi con Dreamweaver?

Risposte



Ciao Pacio,
puoi usare un DIV e metterlo al centro della pagina HTML usando uno stile CSS.
Traduco in italiano.... apri il codice HTML della pagina e prima di
</head>
inserisci questo:
<style>
.centrato {
position: absolute;
top: 50%;
left: 50%;
width: 320px;
height: 200px;
margin: -100px -160px;
}
</style>

Questo è lo stile che dice ad un elemento di 320x200 pixel di stare sempre al centro dello schermo.
Vai un po’ più in basso e inserisci questo:
<div class=“centrato”>
Qui dentro lasci il codice per l’inserimento di Flash, ovvero <object..........><embed.......> et cetera et cetera.
e alla fine chiudi il DIV così:
</div>
Naturalmente il DIV deve essere abbastanza grande da contenere il tuo SWF, quindi dovrai modificare i valori di:
width: [larghezza dell’SWF]px;
height: [altezza dell’SWF]px;
margin: -[metà altezza]px -[metà larghezza]px;

Di: Professore | 26/09/2020 18:30:15


cosa c'è che non va? il filmato continua a non essere centrato!
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
.centrato {
position: absolute;
top: 50%;
left: 50%;
width: 760px;
height: 420px;
margin: -380px -210px;
}
</style>
<body>
<div class="centrato">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="440" align="middle">
<param name="movie" value="file:///D|/siti/andrea%20pacini/AP-home.swf">
<param name=quality value=high>
<embed src="file:///D|/siti/andrea%20pacini/AP-home.swf" width="760" height="440" align="middle" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</div>
</body>
</html>

Di: Pacio | 26/09/2020 18:30:15


vista la grandezza della finestra prova con questi valori
.centrato {
position: absolute;
left: 8%;
top: 10%;
width: 760px;
height: 420px;

ed elimina
margin: -380px -210px;

Di: gct58 | 26/09/2020 18:30:15


risulta in alto a destra...
si sposta in funzione della grandezza della finestra ma non è mai al centro...

Di: Pacio | 26/09/2020 18:30:15


la percentuale serve proprio per adattare lo spazio alla finestra del browser

questa è la posizione che assume con i valori che ti ho segnato - se quella che ottieni è diversa posta il codice perchè, evidentemente, stai sbagliando qualcosa

Di: gct58 | 26/09/2020 18:30:15


Non è centrato perché il filmato è più grande di quanto io avessi immaginato, eccolo corretto:
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.centrato {
background-color:#FF0000;
position: absolute;
top: 50%;
left: 50%;
width: 760px;
height: 420px;
margin-left: -380px;
margin-top: -210px;
}
</style>
</head>
<body>
<div class="centrato">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="440" align="middle">
<param name="movie" value="file:///D|/siti/andrea%20pacini/AP-home.swf">
<param name=quality value=high>
<embed src="file:///D|/siti/andrea%20pacini/AP-home.swf" width="760" height="440" align="middle" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</div>
</body>
</html>

Di: Professore | 26/09/2020 18:30:15