HTML - What Is The Best Way To Position Flash In A Td With Css?

Hey,
Im making a site for a client and we've hit a dead end one one thing i particular

The whole site we've made is HTML and Images only. The only flash element is the Navigation bar at the top. With out making 2 dedicated flash/non flash sites,
how do we make it so that if flash is not detected on the viewers computer then the flash navigation will not show, but instead show a java script rollover nav bar?

I was thinking maybe have the flash nav in a div that floats over the image nav, and if flash is not detected it would disappear...?

help would be super appreciated.

-Mongoose

this is the code I tryed

----------------------------------------------------------------------------------------------------
<img style="position:absolute; top:25px; left:270px" src="http://www.amarasoftware.com/slideshow.swf"quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="200"
height="200">
-----------------------------------------------------------------------------------------------------

I put it within a series of other links and images and so on

------------------------------------------------------------------------------------------------------
href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9kaXYtb3ZlcmxheQ==">myspace div overlay code tutorial by Eileen</a></i><i class=i>!-Begin Block to set Table Level and Open custom Div-!</i><i class=i>Close ALL open tables so that our div is not effected by the stuff we have removed </i></td></tr></table></td></tr></table></td></tr></table><i class=i>!! top banner, or anything else outside of your core content space can go here!!</i><i class=i>!!Create and size our div.!! </i><div class="myCoreDiv" style="width:800px; height:auto !important; border:0px violet solid; position:relative; top:0px; overflow:hidden; z-index:0;"><i class=i>!!-----START Core Custom CONTENT------!! </i>

<img src="http://img152.imageshack.us/img152/5053/lgallerynewcopyox2.jpg">

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0z NDU1MTgzNDYmTXlUb2tlbj0="style="position:absolute; top:700px; left:170px;"><img src="http://x.myspace.com/images/clear.gif" style="width:160px; height:50px; "></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5 JmZyaWVuZElEPTM0NTUxODM0Ng=="style="position:absolute; top:660px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJp ZW5kSUQ9MzQ1NTE4MzQ2JmFsYnVtSWQ9MA=="style="position:absolute; top:760px; left:180px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZWxnYWxsZXJ5Lm5ldC8="style="position:absolute; top:730px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNjb3R0ZHVwcmFzLmNvbS8="style="position:absolute; top:800px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:160px; height:50px; "></a>

<img style="position:absolute; top:25px; left:270px" src="http://www.amarasoftware.com/slideshow.swf"quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="200"
height="200">

<i class="i">!!-------END Core CUSTOM CONTENT--------!!</i><i class="i">!!Open same number of tables we closed.!! </i><table class="myTclass0"><tr><td class="hideIfInInterests"><table class="i"><tr><td><table><tr><td><i class="off">!-END Custom Block to Set Table Level and Create Custom Div-!</i>
-------------------------------------------------------------------------------------------------------

The code highlighted red comes in on my div as a box with a small x.
So its detected to be there but some how doesnt pick up the content of the (swf.).

And I have to be honest I really don't know much about html at all.... I use it for my website and band myspace layout. This is for a photographers myspace. But I would greatlly apprecieate it if someone could please explain to me what I should put there I would worship you...

Well thanks everyone for looking through this mess. I hope theres someone out there with an awnser.

I've just published my first flash site, which is a schoolproject.
I have this little problem: my site won't center in the popup so i get this white border in top and left site while some of my site is missing in right and bottom.. you can see it he http://www.rtgkom.dk/~caspers06/ click on anotherDepth.

Here's the code i used for my popup:

Code:

<SCRIPT LANGUAGE="JavaScript">

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=959,height=500,left = 35.5,top = 128');");
}

</script>

Code:

<a href="" onClick="MinPopUp('http://www.rtgkom.dk/~caspers06/main.html');return false;">
        <A HREF="javascript:popUp('http://www.rtgkom.dk/~caspers06/main.html')"><img src="images/index_09.gif" alt="" width="254" height="58" border="0"></A>

Hope someone can help me..

Btw, if this is posted the wrong place im very sorry but i could'nt find anything about javascript.

Hello All,
I need to display flash located in the application file resources. I tried this way:
HTML Code:

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=3,0,0,0" width="740" height="300" type="application/x-shockwave-flash">
      <param name="movie" value=res://HTMLTester001.exe/SWFS/#137>
      <param name="quality" value="high">
    </object>

But it does not work. Flash is not displayed. How can I resolve this trouble?

Hello there,

This problem might belong in the serverside section, but it seems to be syntax related, so I'll post it here for now.

The current problem can be seen at: http://urkedaljenssen.no/hp/gallery/images/photography/ (The thumbnails become black X's, but do not worry about this, it is a different problem altogether. This is just an example of the application in use)

The application in question is Simpleviewer, located at: http://www.airtightinteractive.com/simpleviewer/ (free application)

The automated script in which the problem is located is he
http://www.airtightinteractive.com/s..._instruct.html (PHP version)

Problem:

When trying to execute the script, having chmod'ed everything to 777 on all levels, it displays syntax error on line 408. I have checked line 408 in the script and this is the doctype declaration, I can't see any errors in it, but perhaps a fresh pair of eyes can as I have been working

Thank you.

Hello guys,

Is there any way to make a large files of flash into a smaller file size for faster loading of a site using JavaScript?

Hey guys, I just built a flash site with a lot of text/img content and I was really careful to make it all xml-based so that it would be easy to edit later.

Now I want to create a very very simple backend cms for my client so that they can modify the content as well. Really, just simple html forms will be fine.

What is the simplest way to modify xml data via html? Can I post data to the server in xml format?

Help!

for some reason there is a page on my site that will not load its flash >
it will load it when i browse to that page on the computer hosting it (this one)
but it wont load on any other computer, including one i have on LAN (inside a router)
can anyone tell me why and how to fix this?

by the way
i do have flash files on my homepage of my site, but this particular flash wont load
its just a white box

Does anyone know the code (HTML) that will play Flash in both Explorer and Firefox?

I made a flash dropdown menu, but it's creating whitespace that i dont' want.
How do I make it so that it just overlaps whatever is under it?

I've just recently created my website with wix.com as my host, so it's all flash, but I would like to change my website to html. I really like what I have as the website so far, but I've found that it runs slow on many computers, so I was wondering if there was any way of keeping what I have(such as design etc.) but converting it to html somehow. I don't know much about web design, so any help would be greatly appreciated.
(and I don't mind changing my host if it's necessary, I just want a way to be able to keep what I've worked at without having to begin from scratch.)

I'm making a website that has a flash header that serves as a menu bar. I use the exact same flash header on each page in this site.

Is there a way to code this so the flash header doesn't have to 'reload' each time you move to another page within the site? I'd know how to do it using iFrames, but I'd rather not use that on this site. Is there another way? It just seems useless for this flash to reload on each page you move to in the site. Cache makes things so that the reload time is super quick, but I'd like it to not have to reload at all, if possible.

Maybe this is a JavaScript thing? I don't know. So, if this thread isn't place appropriately, I apologize.

Anyhow, thanks in advance for any advice or help.

Hi,

I am currently having trouble embedding my flash file into html. No matter what I try it will not work. I don't have much experience in html so could really use some help please.

This is the code that I am using...

<object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6" width="814" height="344"><param name="movie" value="http://megaswf.com/serve/79631/" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="scale" value="exactfit" /><embed src="http://megaswf.com/serve/79631/" width="814" height="344" menu="false" scale="exactfit" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

Thanks,
Adam

So this is the website that I got:
Quote:
http://eksow.com/
This is the source code for it:
Quote:
<!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>Eksow Event Design & Management</title>

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


<script type="text/javascript">

function showPictures(n)
{
obj = document.getElementById('changingPictures');
document.getElementById('bottom').style.top = "0px";


if(n==1)
{
obj.src="http://eksow.com/images/Eksow_07.jpg";
obj.style.visibility="visible";
}
else if(n==2)
{
obj.src="http://eksow.com/images/Eksow_13_07.jpg";//Change this value to the url of second set of images
obj.style.visibility="visible";
}
else if(n==3)
{
obj.src="http://eksow.com/images/Eksow_12_07.jpg";//Change this value to the url of third set of images
obj.style.visibility="visible";
}
else{}
}

</script>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>


<div id="container"><img src="http://eksow.com/images/Eksow_01.jpg" width="1024" height="261" alt="">
<div id="left" class="rollImages" onclick="showPictures('1')"></div>
<div id="middle" class="rollImages" onclick="showPictures('2')"></div>
<div id="right" class="rollImages" onclick="showPictures('3');"></div>

<img src="http://eksow.com/images/Eksow_07.jpg" alt="Home Page" id="changingPictures"/>
<div id="bottom"></div></div>
</body>
</html>
This is the CSS of it:
Quote:
body {
background-color:#000000;
width:100%;
padding:0px;
margin:0px;
margin-bottom:10px;
}


#container {
margin:0px auto;
width:1024px;
padding:0px;
text-align:center;
}


img {
border-width:0px;
padding:0px;
margin:0px;
}



#left {
background-image:url(http://eksow.com/images/Eksow_03.jpg);
margin-left:74px;
}

#left:hover {
background-image:url(http://eksow.com/images/Rollover_1_03.jpg);
}

#middle {
background-image:url(http://eksow.com/images/Eksow_04.jpg);
width:296px;
}

#middle:hover {
background-image:url(http://eksow.com/images/Rollover_2_04.jpg);
}

#right {
background-image:url(http://eksow.com/images/Eksow_05.jpg);
position:relative;
}

#right:hover {
background-image:url(http://eksow.com/images/Rollover_3_05.jpg);
}

.rollImages {
width:292px;
height:229px;
float:left;
cursor:pointer;
}

#changingPictures {
visibility:hidden;
}

#bottom {
height:8px;
background-color:red;
text-align:center;
background-image:url(http://eksow.com/images/Eksow_08.jpg);
position:relative;
left:50px;
top:-260px;
}

#bottom:hover {
background-image:url(http://eksow.com/images/Rollover_4_08.jpg);
height:8px;
}
What I'm trying to do is insert
Quote:
http://eksow.com/eksow.swf
Which is Flash (160x15 px) into the actual website RIGHT UNDERNEATH the 'bottom'.

I've tried, and tried, and tried again...
But nothing works :S

Does anyone know if there is some trick that I have to do or I'm overlooking something?

Im not really in the mood of screwing it up, you know?