Window size when published

euankennedyimorph · #1 (**permalink**) Jul 20th, 2007, 08:28

Hello! I'm an absolute flash novice and I've jumped into a project at a new job head first.

I've made a reasonable website for them, all links/buttons working and that. One major problem, they want the website to look like wide screen, using this site as a template, - http://www.affiniti.co.uk/

Now my web site is situated at top corner and when i publish it, and open up the html file in the browser, it has a huge amount of wasted space on the screen. Long story short, how can i get my site, (attached hopefully) to look like this - http://www.affiniti.co.uk/

Any help or ideas will be appreciated.

Thanks, Euan Kennedy, imorph UK

MrMadison · #2 (**permalink**) Jul 20th, 2007, 09:18

Centering it on the HTML page. And if needed you can change the width so that it looks more centered.

So, it should look something similar to this.

Code: Select all

<HTML> 
<HEAD> 
<TITLE>Title Here</TITLE> 
</HEAD> 
<BODY TOPMARGIN="0" BOTTOMMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0"> 

<TABLE WIDTH="100%" HEIGHT="100%"> 
<TR><TD WIDTH="100%" HEIGHT="100%" VALIGN="middle" ALIGN="center"> 

Put your flash movie, website, swf, ...etc... here.

</TD></TR> 
</TABLE> 
</BODY> 
</HTML>

euankennedyimorph · #3 (**permalink**) Jul 20th, 2007, 09:30

Thanks, i'll give it a go, i'll let you know how i get on.

Euan

MrMadison · #4 (**permalink**) Jul 20th, 2007, 09:47

Great! I'll check back after I wake up..lol...
Good luck

euankennedyimorph · #5 (**permalink**) Jul 20th, 2007, 09:56

Yeah, i'm really struggling.

Is there any way to do this with out using HTML? As i said i'm a bit of a novice.

Euan

pa007 · #6 (**permalink**) Jul 20th, 2007, 10:01

Nope you could use css but its quite tricky to vertically centre things using css though the horizontal centring is easy. I could probably walk you through it if you want and you wouldn't have to add much html???

Pete.

euankennedyimorph · #7 (**permalink**) Jul 20th, 2007, 10:12

Yeah that'd be ace, can you get me started please bud?

Euan

pa007 · #8 (**permalink**) Jul 20th, 2007, 10:16

Yes ok.

I've just been having a little play around an the first, and very important, thin I need to know is about the height. Is it a fixed height or does it change at all. Also could you tell we the dimension of the flash file.

Pete.

euankennedyimorph · #9 (**permalink**) Jul 20th, 2007, 10:17

Well my boss is playing about with the dimensions just now, and is getting back to me shortly, therefore i'll get back to you shortly! The dimensions for each page are always the same! Cheers for doing this by the way.

Euan

pa007 · #10 (**permalink**) Jul 20th, 2007, 10:35

No problem, its why we're here.

Ok I'll pretend its 600px wide and 400 high for now.

Open your html file with a text editor of some kind. You need to add this to your html around your flash bits.

Code: Select all

<div id="flash_container">

<!-- Your flash object/embed/param element or whatever you're using will all be here. -->

</div>

Thats the only bit of html you need. We may need to link in a stylesheet but that is very simple. We'll do it now, in fact. By the way, I don't mean to be condescending in any way, I'm just assuming you haven't used much css or html before.

So if you look inside the html file near the top somewhere you will see this

Code: Select all

<title>Some Title</title>

Now just below this you need to add something in, if there isn't space just hit return a few times, whitespace doesn't matter in html.

Add this:

Code: Select all

<link rel="stylesheet" href="style.css" type="text/css" />

Ok now we have finished with the html so save it and close it if you want. The next bit is the css which will format out page properly.

Open a text file and save it as style.css.

Next we will add the following code:

Code: Select all

body {
text-align:center;
}

div#flash_container {
width: 600px;
height: 400px;
margin: 15% auto;
}

Now this works fine if you are viewing in a decent resolution but it doesn't work so well for any 800x600 users. I'll have a play around and we may well have to add some more css but that should keep you going for now. Vertical centring is one of the trickiest things to do with css. Someone on here may have another solution too.

Try that out and let me know how you get along. If anything goes wrong, I'll help you sort it.

Pete.

euankennedyimorph · #11 (**permalink**) Jul 20th, 2007, 10:57

okay, i dont know where to put in the

THIS ___<div id="flash_container">

I KNOW NOT TO COPY AND PASTE THIS!!! ____

DONT KNOW WHERE TO PUT THIS____</div>

Any help would be ace.

Euan

pa007 · #12 (**permalink**) Jul 20th, 2007, 10:58

Can you show me your html code please and I'll show you.

Pete.

euankennedyimorph · #13 (**permalink**) Jul 20th, 2007, 11:13

yeah can i e mail it to you?

Euan.

Sgaspar11 · #14 (**permalink**) Jul 20th, 2007, 18:02

You put the <div> right before the flash object tag, and the </div> RIGHT after the end of your object tab.

Cheers,

Scott

pa007 · #15 (**permalink**) Jul 20th, 2007, 18:04

Scott can I show you something regarding this? I'm a bit confuzzled. You may be familiar with this method of enbedding but I've never seen it. PM or email?

Pete.

Sgaspar11 · #16 (**permalink**) Jul 20th, 2007, 19:57

Email! Gogogo! Heading up to my other PC for a few hours, so I'll check it out up there. Give me a few to get rolling.

Sgaspar11 · #17 (**permalink**) Jul 20th, 2007, 19:59

and by PC I mean Apple, to do my video work.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Open another new window from javascript window	thehermitage	JavaScript Forum	10	Jan 27th, 2008 19:42
Change open in new window to open in same window	nsr500rossi	JavaScript Forum	2	Jan 18th, 2008 14:13
[SOLVED] open new window from main window	AdRock	Other Programming Languages	1	Nov 1st, 2007 02:45
The size of a new window	Allu	Web Page Design	2	May 19th, 2006 00:57
pop-up window size irregularity	josmets	JavaScript Forum	2	Oct 17th, 2003 10:12

		Webforumz.com > Main Forums > Design Your Website > Flash & Multimedia Forum
Window size when published