Centre swf on page

kenpen71 · Fri May 29, 2009 2:11 pm

Hi

I am trying to center a tour on the page of an html page. I have no html experience although I am working my way through a book at the moment. I am wanting to use the fuul screen function so I have attached to the html page that pano2 creates and then rendered the swf to scale with window. I have opened the html and set the dimensions of the tour but cant seem to find a solution to center the movie on the page. I have looked at the forums and spent days on the web but I cant seem to get any of the solutions to work on the html page that pano2 produces. Can anyone help please I am going mad. The code I have so far is below.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<script type="text/javascript" src="p2q_embed_object.js">
</script>
<style type="text/css" title="Default">
body, div, h1, h2, h3, span, p {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
}
html, body {
margin:0;
padding:0;
border:0;
height:700px;
width:1100px;
font-size: 10pt;
overflow: hidden;
background : #000000;
}
h1 {
font-size: 18pt;
}
h2 {
font-size: 14pt;
}
.warning {
font-weight: bold;
}
</style>
</head>
<body>
<script type="text/javascript">

</script>
<noscript>
<p class="warning">Please enable Javascript!</p>
</noscript>
</body>
</html>

zap · Mon Jun 01, 2009 12:50 pm

Just try this one

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<script type="text/javascript" src="p2q_embed_object.js">
</script>
<style type="text/css" title="Default">
body, div, h1, h2, h3, span, p {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000; 
}
html, body {
margin:0;
padding:0;
border:0;
height:700px;
width:1100px;
font-size: 10pt;
overflow: hidden;
background : #000000; 
}
h1 {
font-size: 18pt;
}
h2 {
font-size: 14pt;
}
.warning {
font-weight: bold;
}
</style> 
</head>
<body>
<div align="center">
  <script type="text/javascript">
<!--
if ((window.p2q_Version) && (window.p2q_Version>=2.0)) {
// Check to see if the version meets the requirements for playback
var flashvars="";
p2q_EmbedFlash('entrance.swf','100%','100%','allowFullScreen','true','FlashVars',flashvars);

if (!DetectFlashVer(9,0,0)) {
document.write('<p class="warning">This content requires Adobe Flash Player Version 9 or higher. '
+ '<a href="http://www.adobe.com/go/getflash/">Get Flash<\/a><\/p>');
}
} else {
document.writeln('<p class="warning">p2q_embed_object.js is not included or it is too old! Please copy this file into your html directory.<\/p>');
}
//-->
</script>
  <noscript>
  <p class="warning">Please enable Javascript!</p>
  </noscript>
</div>
</body>
</html>

You still need to place the swf into it somewhere !!

hum@no.id · Thu Jun 04, 2009 8:40 am

For exact (dartboard) need DIV container... does not depend on resolution of the monitor

div#container
{
background:#E5D5BF;
width:XXXpx;
height:XXXpx;
position:absolute;
top:50%;
left:50%;
margin-left:-XXXpx;
margin-top:-XXXpx;
}

margin-left:-XXXpx;
margin-top:-XXXpx;

margin-left, margin-top - semi (minus) size of original div container

* my current work - http://mmgfx.com/something/gq.html

kenpen71 · Fri Jun 12, 2009 12:02 pm

Hi
I have tried the options mentioned and am still having some problems, the results are very strange when viewed in Firefox the movie is all squashed at the top of the page.

I am ready to give up on this as I have tried everything I can think of, I have little html knowledge but am trying to learn at the moment. It is probably an easy matter to center a swf on page while retaining full screen function but at the moment it seems beyond me.

Pano2vr is an excellent application but it seems to me that clients expect the custom html page to be included in the service, I am a photographer by trade not a web designer or programmer, I think I studied the wrong subject. My tours may be photographically well constructed and with the use of pano2vr put together well, but at the end of the day if all I can offer my client is a plain white page then it seems a real shame.

Sorry for being negative I am just having a bad day.

Fri Jun 12, 2009 1:24 pm

Hi,
Don’t give up, its much harder the other way around, I can code but my pictures have taken me a long time to get right. I am off site at the moment but if you can wait, I will send you some code later that should do the trick.
Regards
Hopki

kenpen71 · Fri Jun 12, 2009 2:37 pm

Thanks Hopki

Sat Jun 13, 2009 9:39 am

Hi, html 1 will open with the pano filling the web browser.

html 2
is the code generated by pano2vr, not full screen, but with a <p align="center"> inserted to move the panon in the middle.

Hope this is what you were looking for?

Hopki

kenpen71 · Wed Jun 17, 2009 5:00 pm

Thank's for that Hopki, I am slowly getting there and am Ploughing my way through a book on CSS & XHTML which is proving pretty interesting. I have managed to get the tours centered with a border and full screen function and also to re- size for different monitors so I am a happy camper.

Thanks