Learn VBA & Macros in 1 Week!

HTML - Swfobject Problem

Full Excel VBA Course - Beginner to Expert

Swfobject Problem	View Content

Hello!
I have used SWFobject to validate my flash object in my website http://nikolay100.comuv.com/. When I test my site on my computer everything looks great, but when I upload my site to the server, my flash object disappears.
Please tell me where is my mistake.
Thank you in advance!

Full Excel VBA Course - Beginner to Expert

Swfobject Help

Similar Tutorials

View Content

For my website, there is a swf that plays on the home page. The problem is that people who can't view flash files end up seeing that blue lego icon instead.

I want to have a jpeg display if the user cannot view an swf. I heard that an swfobject might be the solution. Does anyone know the code to make this work?

Thanks so much.

Swfobject.embedswf Parameters

Similar Tutorials

View Content

I'm having an issue with the size of my main.swf. When I use the swfobject.embedSWF code, leaving it as 100% 100% covers the entire browser window obscuring my background image. In order to view the image I have entered '1000' and '725' which are the dimensions of my main.swf. However, this left aligns the swf and the height appears to not work, I am left with a black box that extends from the bottom of my main.swf to the bottom of the browser window. What do I need to adjust in order to keep my main.swf top aligned, centered horizontally and my background image visible. Also, if anyone happens to know how I could have the background image scale to fit horizontally/vertically without repeating, that would be great. Thanks.

HTML 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>Website Title</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="swfobject/swfobject.js"></script>
        <script type="text/javascript" src="swfaddress/swfaddress.js"></script>
        <script type="text/javascript">
            swfobject.embedSWF('main.swf', 'website', '1000', '100%', '9.0.45', 'swfobject/expressinstall.swf', {}, {bgcolor: '#CCCCCC', menu: 'false'}, {id: 'website'});
        </script>
        <style type="text/css">
            /* hide from ie on mac \*/
            html, body, #website {
                height: 100%;
                overflow: hidden;
            }
            /* end hide */
            body {
		background-image: url(images/background.png);
		background-repeat: no-repeat;
		background-position: 50% 0%;
       		margin: 0;
       		padding: 0;
                font: 86% Arial, sans-serif;        
            }
        </style>        
    </head>
    <body>
        <div id="website">
            <p>In order to view this page you need Flash Player 9+ support!</p>
            <p>
                <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>
            </p>
        </div>
    </body>
</html>

Div Spacing Issues (possibly Swfobject?)

Similar Tutorials

View Content

Hi,

I'm using swfobject.js to rope in a piece of flash onto the top of my page. I'm then using a fixed width div (below the div with the contained swf) with a background image. I'm trying to get the swf and background image to merge seamlessly, but so far no cigar.

Take a look:
http://www.drayfuss.co.uk/diss/site/siteDraft.html

I've tried all sorts of border/margin/padding css techniques but nothing seems to be bridging that gap between the swf and the following div.

Am I being dim?

Cheers,
drayfuss

Center Flash With Swfobject 2code.

Similar Tutorials

View Content

Hi,
Im trying to switch over to using swfobject 2 to display my flash. I seem to have everything in place apart from having my site centered. I only want it horizontally centered.
Here's my current code.
Any help is very much apreciated.

<!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>FlashVideoTutorials Flash Video Tutorials, XML Templates And Web Design</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.embedSWF("index.swf", "myContent", "800", "600", "8.0.0", "expressInstall.swf");
</script>
<script language="JavaScript">
function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); }
</script>
<style type="text/css">

</style>
</head>
<body bgcolor="#000000">
<div align="center" id="myContent">
<h1 class="style1">Alternative content</h1>
<p><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></p>
</div>
</body>
</html>

Thanks
Alan

[problem Solved] Url Problem (expert Require) :-p

Similar Tutorials

View Content

I would like to have an image that takes 2 url like the following image...

is it possible? if so, can someone please tell me how this could be done?
Thank you very much..

NOTE:
I tried doing this...
<map name= 'url1' >
<area shape= 'poly' coords= ' 0 , 0 , 50 , 0 , 0 , 50 ' href= 'url1.html' >
</map>
<a href= 'url2.html' >
<img src= 'img.jpg' width= 50 height= 50 usemap= '#url1' >
</a>

but this only get 'url1' woring...

Problem With Minimizing (another Problem)

Similar Tutorials

View Content

Okay, I know that this problem is going to be really really easy, but I forgot how to do it. I use to own an older website and forgot the code. Anyways, I only know how to describe it.

When I minimize the screen, it is minimizing the whole thing and collapsing it making the iframes smaller and the text fit into a smaller space. Most websites have a code (i don't know what it is) so that when someone minimizes their browser, it just makes the browser smaller and not the actual page.

Here's what it looks like: http://www.freewebs.com/noeylani94/index.htm

Try minimizing that and see how it looks. It collapses the whole page right? Can someone tell me the code how to fix it? Thanks =D

Css Problem

Similar Tutorials

View Content

Im trying to get an image above my buttons but its not working .. It works when i do

Code:

<center> <img src="http://i226.photobucket.com/albums/dd131/kutakun/profile-1.png" width=600 height=100 border=0 alt="" title=""> </center>

But shouldn't the css i made do it for me?

HTML CODE ( Profile.html)
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head><title>Profile</title></head>
<head>
<link href="myStyle.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<style type="text/css">
<!--

body {
	background-color: #669999;
	background-image: url('http://i226.photobucket.com/albums/dd131/kutakun/backgound2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
	
	#nav td {vertical-align: top; width: 94px; height: 42px; padding: 0px; margin-top: 150px;}
	#nav {padding: 0px; margin: 0px auto; border: none; text-align: center;}
	
	
}

-->
</style>
</head>
<!-- MENU BAR -->
	<table id="nav">
		<tr>	
			<td>
				<div style="margin-left: 285px; margin-top:150px; padding: 0px;"><img src="images/home.png" alt="" border="0"></div>
			<td>
				<div style="margin-left: 20px; margin-top: 150px; padding: 0px;"><img src="images/gallery.png" alt="" border="0"></div>
			<td>
				<div style="margin-left: 20px; margin-top: 150px; padding: 0px;"><img src="images/support.png" alt="" border="0"></div>
			<td>
				<div style="margin-left: 20px; margin-top: 150px; padding: 0px;"><img src="images/contact.png" alt="" border="0"></div>
			<td>
				<div style="margin-left: 20px; margin-top: 150px; padding: 0px;"><img src="images/forum.png" alt="" border="0"></div>
			</td>
		</tr>
	</table>
</body>
</html>

CSS CODE ( myStyle.css )
Code:

#logo {
	width: 600;
	height: 100;
	background: url(http://i226.photobucket.com/albums/dd131/kutakun/profile-1.png) no-repeat;
}

Div Problem

Similar Tutorials

View Content

Hello, I am new in html and I am trying to create my website.

I try to do this:

index.html:

HTML Code:

....
<body>
<div id="_pi">
....
</div>
</body>

mycss.css:

HTML Code:

#_pi
{
margin: 0 auto;
background: #f4f4f4 url(../images/bg.gif) top center repeat-y;
width: 100%;
height: 100%;
}

Reference: http://jlmechanicals.com/index.php

So if you use IE 8 or FF, page loads as it should.

Now, in IE 7:

If you look in between the red and gray boxes, you will notice that there is a horizontal double gradient (that gradient is absent above and below the red boxes). The horizontal double gradient is set as the background for the <body> tag with repeat-y.

Now, you need to look REALLY CLOSELY, in IE 7 only, at the very very bottom of the page, you will notice that the horizontal gradient produced by the background image for <body> is there (if you don't see it look closely, it can blend in really well with the bottom toolbar of internet explorer depending on what your color scheme is). Bottom margin for <body> is set to 0, and all other browsers obey except IE 7.

So how do I fix this in IE 7? Thanks!