center-ing header

**hyk** · 05-15-2008, 01:05 AM

Hi, can anyone tell me how to center my title ?

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" xml:lang="en" lang="en">
<head><font size=5><b>Welcome to ITC<align ="center"/><b>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>dynamicMarquee</title>
</head> 
<body bgcolor="#ffffff">
<!--url's used in the movie-->
<!--text used in the movie-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="900" height="400" id="dynamicMarquee" align="top">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="dynamicMarquee.swf" />
<param name="quality" value="best" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#ffffff" />
<embed src="dynamicMarquee.swf" quality="best" scale="noscale" bgcolor="#ffffff" width="550" height="440" name="dynamicMarquee" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>

thanks

**Nile** · 05-15-2008, 01:28 AM

Try this:

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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>dynamicMarquee</title>
</head> 
<body bgcolor="#ffffff">
<h2 style="font-weight:bold;text-align:center">Welcome to ITC</h2>
<!--url's used in the movie-->
<!--text used in the movie-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="900" height="400" id="dynamicMarquee" align="top">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="dynamicMarquee.swf" />
<param name="quality" value="best" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#ffffff" />
<embed src="dynamicMarquee.swf" quality="best" scale="noscale" bgcolor="#ffffff" width="550" height="440" name="dynamicMarquee" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>

**rangana** · 05-15-2008, 01:32 AM

Erroneous.
This part should'nt be in the head section:

Code:

<font size=5><b>Welcome to ITC<align ="center"/><b>

Also, these are deprecated

To name of deprecated attributes and elements that you used:

font
align
bgcolor

The fix is to go through CSS:

HTML 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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>dynamicMarquee</title>
<style type="text/css">
.header{
font-size:20pt;
font-weight:bold;
text-align:center;
display:block;
}
body{
background:#fff;
}
</style>
</head> 
<body>
<div id="wrap">
<span class="header">Welcome to ITC</span>
<!--url's used in the movie-->
<!--text used in the movie-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="900" height="400" id="dynamicMarquee" align="top">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="dynamicMarquee.swf" />
<param name="quality" value="best" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#ffffff" />
<embed src="dynamicMarquee.swf" quality="best" scale="noscale" bgcolor="#ffffff" width="550" height="440" name="dynamicMarquee" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>

Edit: Nile, you beat me through it

...also, Nile, you missed closing your h2 tag:

Code:

<h2 style="font-weight:bold;text-align:center">Welcome to ITC</h3>

...and closes it with the </h3> tag

See if it helps

**Nile** · 05-15-2008, 01:48 AM

Lol, thanks. I'll fix it. You caught me

**hyk** · 05-15-2008, 02:58 AM

Thanks Nile & rangana.

Ya, my header is in the center . Now here another qns. What the difference between the html that both of you gave & the link that Medyman provides. the link generates the SWFObject v2.0 HTML & javascript generator

Also, these are deprecated
To name of deprecated attributes and elements that you used:

Opps, I never notice. I just tried opening my .swf file add in the header.Thanks for the tip

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="swfobject.js"></script>
		<script type="text/javascript">
			swfobject.registerObject("myFlashContent", "7.0.0");
		</script>
	</head>
	<body>
		<div>
			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="myFlashContent">
				<param name="movie" value="dynamicMarquee.swf" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="dynamicMarquee.swf" width="800" height="600">
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflashplayer">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>

**Medyman** · 05-15-2008, 03:12 AM

Hyk...

SWFObject only embeds the flash portion. The CSS that Nile and Rangana gave you were to center your title. They serve two different purposes.

The HTML & Javascript that the SWFObject generator generates relates to adding the .swf to your webpage, nothing else.

**rangana** · 05-15-2008, 03:55 AM

Originally Posted by hyk

Thanks Nile & rangana.

Ya, my header is in the center . Now here another qns. What the difference between the html that both of you gave & the link that Medyman provides.

Medyman had explained the purpose of SWF generator, now my turn is to explain the difference between mine and Nile's code

Our codes differ, but with the same purpose - to center the title

Nile gave you a code using h2 element which is a block level element by default.

I gave you a code using span element which is an inline element, but then is displayed as block level element using:

Code:

display:block;

...for centering mechanism, we both used text-align:center to achieve this.

...One thing that Nile missed is to change the bgcolor attribute which is deprecated

...Also, I placed all of your elements inside a wrapper (div) for validation purposes

**hyk** · 05-15-2008, 07:16 AM

SWFObject only embeds the flash portion. The CSS that Nile and Rangana gave you were to center your title. They serve two different purposes.
The HTML & Javascript that the SWFObject generator generates relates to adding the .swf to your webpage, nothing else.

If i just want to show a sample on how it is going to look like, this is the correct way to embed. right?

If i want to add in some words,background where do i add it?

Thanks for the tip rangana

ps: Nile, rangana& medyman. I not sure if the question i asking you guys is html or a flash-type.I quite confused by it

**Medyman** · 05-15-2008, 01:47 PM

If i want to add in some words,background where do i add it

You know HTML, right? Just as it like you normally would. There is nothing special about that page. The Flash embed code is just another element. Add your words above it, below it..whatever

Background etc.. styling can be done via CSS.

ps: Nile, rangana& medyman. I not sure if the question i asking you guys is html or a flash-type.I quite confused by it

Your question is HTML/CSS related. The use of SWFObject in what you're trying to do (add text and styling) has no bearing.

**hyk** · 05-15-2008, 02:14 PM

here the html.

. i changed the name of the swf, sizes, delete the <a herf> tag. The sizes, i not too sure. since IE6 & IE7 they give very varying results It tried it with FF. Its looks like a full-screen flash player.
LOL, the good influence from you guys is great. I would had just tried 1 ver of IE and give up. Looking at posts made me tried on other browsers. Thanks

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="swfobject.js"></script>
		<script type="text/javascript">
			swfobject.registerObject("myFlashContent", "9.0.0");
		</script>
	</head>
	<body>
		<div>
			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="600" id="myFlashContent">
				<param name="movie" value="dynamicMarquee.swf" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="dynamicMarquee.swf" width="1000" height="600">
				<!--<![endif]-->
					
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>

Thread: center-ing header

Thread Tools

Search Thread

center-ing header

Bookmarks

Bookmarks

Posting Permissions