|
HTML - Centering 2 Flash Animations On Top Of Each Other
Hi All
Ive got a flash background and then and flash menu, both are overlaid ok but to the left if viewing on a widescreen monitor, how can i allign these so they show centered ? Code: <p align="center"> <div style="position: absolute; top: 0px;"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1001" height="550" id="back" align="middle"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="flash/back.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#000080"> <param name="wmode" value="transparent"> <param name="back" value="false"> <embed src="flash/back.swf" quality="high" bgcolor="#000080" width="1001" height="550" name="menu" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" menu="false"> </object></div> <div style="position: absolute; top: 0px;"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1001" height="580" id="menu" align="middle"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="flash/menu.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#000080"> <param name="wmode" value="transparent"> <param name="menu" value="false"> <embed src="flash/menu.swf" quality="high" bgcolor="#000080" width="1001" height="580" name="menu" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" menu="false"> </object></p></div> Thanks for any help Similar TutorialsI've seen on some sites, adobe.com for example, where a Flash movie appears to 'hover' above the contents of the rest of the site seemingly not confined to a cell. Many of these are triggered by rollover of a link presumably coded in the HTML. I'm wondering how to do it. I know how I would do it if I authored the entire site in Flash, but these pages that I'm seeing are HTML, ASP, JSP, etc. Anyone?? Thanks in advance - sleepydad Hi there. I have an 800x600 flash movie, and I was wondering whether it was possible to center it vertically as well as horizontally? Thanks! -Girvo I've got a quick question. I've added a flash player on my site and added a div tag so I could position in the center of the page. I just realized while checking the page on other computers with different resolutions that it doesn't stay centered as I had set the parameters, "so many pixels right and so many pixels down" I suppose I need to include it into the body which has a div container and keeps the page centered. When I do that the player jumps to the top. Any help? Here's the code: the player is at the bottom with a div style tag above it. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>video page</TITLE>
<META name="AUTHOR" content="hankeester">
<META name="KEYWORDS" content="sailing videos, moth sailing, ">
<META name="DESCRIPTION" content="This is High Octane One Designs sailing video page.">
<META name="GENERATOR" content="Created by BlueVoda">
<STYLE type="text/css">
div#container
{
width: 1004px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000" link="#808080" vlink="#C0C0C0" style="SCROLLBAR-FACE-COLOR:#E0DFE3;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#E0DFE3;SCROLLBAR-DARKSHADOW-COLOR:#716F64;SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;SCROLLBAR-SHADOW-COLOR:#9D9DA1;SCROLLBAR-TRACK-COLOR:#D4D0C8;">
<DIV id="container">
<HR size="3" width="809" style="position:absolute;left:92px;top:774px;width:809px;height:3px;z-index:0">
<DIV style="position:absolute;left:412px;top:777px;width:134px;height:14px;z-index:1" align="left">
<FONT style="font-size:11px" color="#7F7F7F" face="Arial">COPYRIGHT 2006 HOOD</FONT>
</DIV>
<IMG src="kilt1.jpg" alt="" align="top" border="0" width="119" height="39" style="position:absolute;left:782px;top:778px;width:119px;height:39px;z-index:2">
<IMG src="heather's logo.jpg" alt="" align="top" border="0" width="600" height="178" style="position:absolute;left:302px;top:3px;width:600px;height:178px;z-index:3">
<A href="http://ho1designs.com/index.html"><IMG src="BurgeeLOGO.jpg" alt="" align="top" border="0" width="200" height="71" style="position:absolute;left:88px;top:82px;width:200px;height:71px;z-index:4"></A>
<IMG src="it'swhat.gif" alt="" align="top" border="0" width="175" height="20" style="position:absolute;left:164px;top:158px;width:175px;height:20px;z-index:5">
<HR size="3" width="800" style="position:absolute;left:98px;top:223px;width:800px;height:3px;z-index:6">
<A href="http://ho1designs.com/about us/about us.html"><IMG src="about-us.gif" alt="" align="top" border="0" width="100" height="50" style="position:absolute;left:485px;top:206px;width:100px;height:50px;z-index:7"></A>
<A href="http://ho1designs.com/advertising/advertising.html"><IMG src="advertising.gif" alt="" align="top" border="0" width="120" height="50" style="position:absolute;left:636px;top:206px;width:120px;height:50px;z-index:8"></A>
<A href="http://ho1designs.com/collegiatesailing/collegiatesailing.html"><IMG src="collegiate-sailing.gif" alt="" align="top" border="0" width="170" height="50" style="position:absolute;left:277px;top:206px;width:170px;height:50px;z-index:9"></A>
<A href="http://ho1designs.com/freelancers/freelancers.html"><IMG src="freelancers.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:636px;top:226px;width:130px;height:50px;z-index:10"></A>
<A href="http://www.highoctaneonedesigns.com/forum/"><IMG src="hoodforum.gif" alt="" align="top" border="0" width="110" height="50" style="position:absolute;left:99px;top:229px;width:110px;height:50px;z-index:11"></A>
<A href="http://ho1designs.com/hood promo/hood promo.html"><IMG src="hood-promo.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:277px;top:226px;width:130px;height:50px;z-index:12"></A>
<A href="http://ho1designs.com/legal/legal.html"><IMG src="legal.gif" alt="" align="top" border="0" width="80" height="50" style="position:absolute;left:818px;top:207px;width:80px;height:50px;z-index:13"></A>
<A href="http://ho1designs.com/archives/archives.html"><IMG src="archives.gif" alt="" align="top" border="0" width="90" height="50" style="position:absolute;left:818px;top:225px;width:90px;height:50px;z-index:14"></A>
<A href="http://ho1designs.com/hoodshowcase/hoodshowcase.html"><IMG src="hood-showcase.gif" alt="" align="top" border="0" width="145" height="15" style="position:absolute;left:100px;top:210px;width:145px;height:15px;z-index:15"></A>
<A href="http://ho1designs.com/video/video.html"><IMG src="video65.gif" alt="" align="top" border="0" width="60" height="20" style="position:absolute;left:481px;top:225px;width:60px;height:20px;z-index:16"></A>
</DIV>
</BODY>
</HTML>
<div style="position: absolute; left: 400px; top: 350px;">
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/nDToL593cmU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/nDToL593cmU" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
What language/techniques should I be looking at to create animations/links and overall a site like this http://arabellaramsay.com/index1.html It says html, but I did not think html had the ability to do things like this.. Thanks for any help! Hey everybody, I'd like to make a website based on an existing one: www.wiskundeclub.com. However, if I download the website using a program such as Backstreet Browser or HTTrack and then double-click on the "index.html" in the generated folder, I don't see the same thing as on www.wiskundeclub.com. Specifically, the animations don't seem to work; for the version downloaded with HTTrack I only see the initial white page with "Loading...". Does anybody know the reason for this? Thanks. Cheers, Kurt I have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head>
<title>iSwim</title>
</head>
<body>
<div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;">
<object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object>
</div>
</body>
Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. 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. 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. Does anyone know the code (HTML) that will play Flash in both Explorer and Firefox? 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? Hey, this is my first post, so I will try to be as detailed as possible. I know what I want to design, I just don't know the program to use, the file type, whether I need frames... I am new with HTML Code, CSS and Java, I have a graphic design degree focusing on image, type and layout, and very little web design. I would like to design a facebook fan page with this: http://www.htmlforums.com/attachment...7&d=1317248556 I want the header and the image slider to remain loaded and locked at all times on the page, while the slide title/number, main image, and main text FADE in seperately, when the appropriate numbnail is selected. I do not want it as a slide show, it is more of a self-guided informational tutorial. I want the image slider to be able to scroll as well. If anyone knows tutorials or websites that could help me, or have suggestions reproducing this, please let me know. Do I do this as Flash? What type of file? I have searched the internet for days looking for a tutorial that is close to what I want, and I am having no luck. I really don't even know what to call this, inorder to properly google it. Thanks in advance! Hi All, Can anyone help? The website is www.rivalinsurance.co.uk my flash header works in IE but not in FF. Could somebody veiw the code and tell me where I am going wrong?! Been pulling my hair out for weeks now! Thanks, akw144 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 Quick question, what kind of html5 coding would be needed to achieve this seemingly easy effect. Does someone know a tut i can start off with? Been googling but cant seem to land on the right one. Its a mouse :hover effect for a navigation menu! Thanks. Demo can be seen he http://bit.ly/wBJGst 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? 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. Hi there, i am very very new to this website building thing. I am starting a website for my new business, it was all going well until i uploaded the website, and when i went to look at it, at the very bottom of the page it said i need to update my flash. I did and it is still saying that. I have tried from 10 different computers and still have the same problem. Am i doing something wrong with the files or something? Please help. I am also using A4Desk Website builder. here is the web address: http://uniqueplanners.netne.net/ Thanks for your time. I have a swf movie in the homepage of my website. In Firefox and Safari, the window is extended down a few pixels to allow for the complete video, which I think is fine. In Explorer, however, it simply cuts the video off. This results in the final shot cutting off the feet and hand. Please help! Web address: www.mycollegeninja.com HTML Code: <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="950" height="387" id="studystrike5.swf" align="middle"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="images/studystrike5.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#000000"> <param name="wmode" value="opaque"> <param name="salign" value="t"> <param name="menu" value="false"> <param name="loop" value="t"> <embed src="images/studystrike5.swf" quality="high" bgcolor="#000000" width="950" height="387" name="studystrike5.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object> |
|||||||