Centering an HTML page for...

Yes, you can embed YouTube video in the Web page.

All you have to do is take the link (not the embed code, but the link that's in that code) and insert it into an OBJECT element.

<object type="application/x-shockwave-flash" data="video_url.swf" width="520" height="390">
	<param name="movie" value="video_url.swf" />
	<!-- alternate content for those who cannot see the Flash file goes here, such as an image file or plain text; this comment can be taken out of course, as it's written only for your benefit as a teaching aid -->
</object>

Code (markup):

Remember, the link is NOT the Web page link, but the direct link to the Flash video. It is suggested that you use a c.swf file (container file) to allow the video to stream in Internet Explorer. The instructions for that are here:
http://www.alistapart.com/articles/flashsatay

Oh, and never, EVER, use align="center" to align something to the center. It's a presentational attribute that does not belong in a structural markup language. If you need to align content to the center, use margin: 0 auto; (if block-level, or the display has been explicitly set to block) or text-align: center; (if inline content, such as text) instead in your stylesheet.

 

If you enter after .work closing tag then you will have footer just below work section and in the width of 476px.
If you want to spread a footer through the width of whole page then you have to put after .main closing div.

You can put anything in your work area so if you are interested for utube go to they web page and take a CODE for embedding it's just copy/paste work.

 

I've tried what you guys said about the footer, but I have had no luck.

Here's what I have with the CSS so far. I don't know if I put the footer in the correct place. Let me know Srki if it's wrong..thanks.

@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	background:#000000 url(../images/bg.jpg) repeat-x;
	}
	
img {
	border:none;
	}
	
.main {
	width: 679px;
	margin-left:auto;
	margin-right:auto;
	}
	
.header {
	width: 679px;
	height: 172px;
	background-image:url(../images/header.jpg);
	margin:0px;
	position:relative;
	top:0px;
	}

.work {
	position:relative;
	top:0px;
	background-image:url(../images/home_main_middle.jpg);
	width: 675px;
	height: 476px;
	margin-left:auto;
	margin-right:auto;
	}

.footer {
	width: 679px;
	height: 172px;
	background-image:url(../images/footer.jpg);
	margin:0px;
	position:relative;
	top:0px;
	}


.news {
	position: relative;
	overflow: auto; 
	z-index: 4; 
	top: 300px;
	left: 35px; 
	width: 606px; 
	height: 144px;	
	}

.home {
	position:absolute;
	top:147px;
	left:60px;
	width:70px;
	height:20px;
}

.about {
	position:absolute;
	top:147px;
	left:150px;
	width:75px;
	height:20px;
}

.films {
	position:absolute;
	top:147px;
	left:240px;
	width:70px;
	height:20px;
}

.production {
	position:absolute;
	top:147px;
	left:327px;
	width:110px;
	height:20px;
}

.blog {
	position:absolute;
	top:147px;
	left:453px;
	width:60px;
	height:20px;
}

.contact {
	position:absolute;
	top:147px;
	left:530px;
	width:85px;
	height:20px;
}

.style4 {
	font-size: 16px;
	color: #FFFFFF;
}
.style7 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
.style10 {color: #FF0000}

.style14 {font-size: 14px}

Code (markup):

 

It's useless to show .css unless you show .html page.
As far as I see in the locations that you used to test pages it is not there.
So... you know what to do.

 

hmmm

OK, I'm not on my PC right now, but I will
upload it when I get a chance..

BUT IT'S STILL THE SAME even when I put that footer
thing in the CSS, nothing changed.

 

Nope, doesn't work.