|
HTML - Bring Flash Object Behind Menu
Hello,
I would like to get the website menu to appear above the flash object. http://www.greekconcierge.com/weddings.php Currently when you click on "Our Services" this is hidden below the flash image object. many thanks, andy Similar TutorialsI 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. 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, My page does not validate because of a flash object. The weird thing is that the code is automatically generated by dreamweaver. Feel free to copy and paste the code into a validator to see what the errors are. Any ideas on how to change this so that it validates? HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="description" content="Employee Benefit Consulting is a company which">
<meta name="keywords" content="EBC, E benefits consulting, EB consulting, employee benefits consulting, employee benefits, Employee, Benefit, Consulting, Health Insurance, Personal Insurance, Group Insurance, Insurance, Workplace Saving Plan, Kiwisaver, worker benefits, staff benefits">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>EBC Home Page</title>
<link href="CSS/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../JS/ADxMenu.js"></script>
<link href="images/icon.ico" rel="shortcut icon">
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu">
<div class="linkMenu" align="center">
<ul class="adxm menu">
<li><a href="#">Home</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="insurance.html">Insurance</a>
<ul>
<li><a href="group_insurance.html">Group Insurance</a></li>
<li><a href="personal_insurance.html">Personal Insurance</a></li>
</ul>
</li>
<li><a href="kiwisaver.html">Kiwisaver</a></li>
<li><a href="workplace_saving_plans.html">Workplace Saving Plans</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
</ul>
</div>
<br>
<br>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="260" height="160">
<param name="movie" value="images/quotes.swf">
<param name="quality" value="high">
<embed src="images/quotes.swf" width="260" height="160" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div>
<div id="body">
<p>Welcome to Employee Benefits Consulting. We have an impressive record in the employee benefits industry in New Zealand, working alongside employers, employees and regulatory bodies.</p>
<div align="center">
<img src="images/indexImage.png" alt="Employee Benefits">
</div>
<p>Our focus when working with employers is to ensure that the benefits they offer their staff are sustainable, workable and effective in attracting and retaining quality employees. Our focus when working with employees is to help them set in place appropriate provision for themselves and their families, both in retirement and in the event of an unexpected trauma during their working life.</p>
<p>Click <a href="contact_us.html" target="_self">here</a> to contact us for more information</p>
</div>
<div class="style1" id="footer">
<div align="right">
Studio 1, 237 Beach Road, Campbells Bay | 09 410 2217 | <a href="mailto:info@ebconsulting.co.nz">info@ebconsulting.co.nz </a>
</div>
</div>
</div>
</body>
</html>
Thanks, Raggy I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc. My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads) This is what I see in both I.E. and Firefox: Here's the code for the object: Code: <style type="text/css">
div.lastfm_quilt_black a,
div.lastfm_quilt_black div {
height: 20px;
margin: 0;
overflow: hidden;
text-decoration: none;
padding: 0;
background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0;
width: 100%;
float: right;
display: inline;
}
div.lastfm_quilt a:hover {
background-position: 0 0 !important;
}
{if $orientation=='horizontal'}
div.lastfm_quilt_horizontal {
width: 460px;
}
div.lastfm_quilt_black a.lastfm_quilt_artists_wide,
div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover {
background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px;
}
div.lastfm_quilt_black a.lastfm_quilt_albums_wide,
div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover {
background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px;
}
{else}
div.lastfm_quilt_vertical {
width: 184px;
}
div.lastfm_quilt_black a.lastfm_quilt_artists,
div.lastfm_quilt_black a.lastfm_quilt_artists:hover {
background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px;
}
div.lastfm_quilt_black a.lastfm_quilt_albums,
div.lastfm_quilt_black a.lastfm_quilt_albums:hover {
background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px;
}
{/if}
div.lastfm_quilt_black .lastfm_quilt_profile a,
div.lastfm_quilt_black .lastfm_quilt_profile a:hover {
background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px;
}
div.lastfm_quilt_black .lastfm_quilt_noprofile a,
div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover {
background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px;
}
div.lastfm_quilt a.get_your_own {
width: 92px;
border-right: solid 1px #000000;
}
div.lastfm_quilt a.visit {
width: 91px;
background-position: -93px -20px;
}
div.lastfm_quilt a.visit:hover {
background-position: -93px 0 !important;
}
</style>
<div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black">
<a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a>
<embed
src="http://static.last.fm/quilts/3/quilts_main.swf"
flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true"
quality="high"
bgcolor="#000000"
width="184"
height="414"
name="quilts_main"
align="middle"
allowScriptAccess="never"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</div>
Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing). Here's a link to that code: Network Information and here's a link to the entire page source: Entire Page Both are .txts I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off. Hi, I am a newbie and trying to develop a web site with HTML over IIS. I have inserted a flash (swf) object into the html code and am able to see the object displayed via IIS (right-click virtual directory and browse). However, it does not show if I try to access the same page via IE with http://localhost/Other. Only the text gets displayed. What could be the reason. Thanks. Hey guys, I have been designing a portfolio for my photography for some time. There are a few issues I have and I would appreciate your help. http://fjchapman.com/portfolio/portfolio.html 1. If you'll notice, the SWF object won't open. If you go to http://fjchapman.com/portfolio/viewer.swf , the swf is fine. There is just something wrong with my code. 2. Why is it so screwed up in IE? I have been going through my code but I cannot understand why IE is adding some mysterious padding. Help? 3. Alignment of links. While the links are just fillers (concert photography, portraits) for now, how can I have them aligned to the bottom left of my header? Thank you guys so much for your time. please help. i used html <object> tag and i embeded a .swf flash file inside my html page... everything worked great until here.... now i want to let the visitor of my page to be able to navigate through my .swf file through my own navigation bar buttons that i want to put above the .swf file... i want my visitor to be able to press the avigation bar buttons to play and stop and forward and backward and rewind and so on... i dont want my visitor to press the right mouse button when he over the flash object to navigate i want to have my own navigation static bar above the flash.... what solutions there is to this problem....? what is the best solution ? best regards. ive currently built an html website with a flash menu and would like to use it with iframes so that the menu doesn't have to refresh with page.. unfortunatelly this is my first time working with iframes and i am not sure what code to put into my flash buttons to call the page into the frame. I pretty much understand how to use iframes altogether, just not with flash as well! you can view the website he www.exsystems.co.uk (mind the flash embed, im still working on that too!) if someone would share some knowledge on this i would be very greatful! I have a youtube video on front of the school website and a horizontal dropdown menu just slightly above it. What is happening is when i hover over a menu item the drop down menu is going under the youtube video. But this is only happening on IE but not firefox http://www.rosebridge.wigan.sch.uk Does anyone have a idea? I have a menu with coffie cup flash menu builder. And i have frames HTML. I know this question as be asked 10000 Times. How do i get the flash menu to go to my main frame page. It keeps opening in its own window a new window or taken up the hole window with out the frames. I tryed eveything including (release) { getURL ("main.html", "main"); } But it still doesnt work but i have no idear how to get this to work Hi All, I have one problem in HTML, I have a HTML file with drop down menu and a flash banner in bottom , while mouse over the menu the drop down is not visible in the top of the flash banner its going back side, can any one help me out how to bring the drop down menu top of the flash banner. Here is the sample link where I have the problem http://vivek192.5gbfree.com/index.html ____________________________________ sport book betting steroid Hello i have created a webpage using css/xhtml i have a webpage with div tags for each modules like header content left / right/ main and footer my prb is if i add more para or images in content division the contents hide behind the footer div. its not showing . i want tihs page to extend automatically by conteents. my footer should display end of the contents. my contents maybe a dynamic from db. how can i bring my footer div bring down depend on content extend/???? thanks Hi. My site's movehumanityforward.org Near the bottom right area, it says "Join the MHF Facebook Group" and I'd like to move it up about a line or a bit more so it looks good. I also have two separate items below it "2010 www.movehumanityforward.org" and the FB like options. I think I can raise those by removing any <br> items, but not positive on that. You guys have been a huge help to me and I sincerely thank you! Mikeal Website: http://the1337arcade.com/pt/ Problems: I Got the Dropdown Menu Fixed like i want it, The only problem is the 1px at the end of the navigation, if i add a extra px to the padding it drops that and makes the last button go down to the next row... i want it all to be in the same line HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Pine Tree High School - Theatre Department</title>
<meta name="description" content="The Homepage for the Pine Tree High School Theatre Department.">
<meta name="keywords" content="Pine Tree High School,Pine Tree High School Theater,Theatre,Anup Patel,The1337Arcade">
<link href="style.css" type="text/css" rel="stylesheet">
<script type="text/javascript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose;
</script>
</head>
<body style="background-image: url('bg.jpg')">
<table align="center" cellpadding="0" cellspacing="0" class="container">
<tr><td><div id="header"><a href=index.htm><img border=0 src="logo.jpg" class="logo" alt="PTHS Theatre"></a></div></td></tr>
<tr><td>
<table align="center" cellpadding="0" cellspacing="0" class="main">
<tr><td>
<ul id="sddm">
<li><a target=I1 href="home.htm">Home</a></li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Theatre Productions</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a target=I1 href="#">2008-2009</a>
<a target=I1 href="#">2007-2008</a>
<a target=I1 href="#">2006-2007</a>
<a target=I1 href="#">2005-2006</a>
</div>
</li>
<li><a target=I1 href="about.htm">About The Director</a></li>
<li><a target=I1 href="contact.htm">Contact The Theatre </a></li>
<li><a target=I1 href="contact.htm">Links</a></li>
<li><a target=_blank href="http://ptisd.org">District Home Page</a></li>
</ul>
<div style="clear:both"></div>
</td></tr>
<tr><td>
<center><DIV STYLE="margin-top:10px;">
<iframe name="I1" width="100%" height="400" src="home.htm" border="0" frameborder="0">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<br>
</p>
</td></tr><tr><td>
<div id="blackfooter">
<span style="float:right;">
p: 903.295.5031. e: <a href=mailto:mgoodding@ptisd.org>
<span style="text-decoration: none"><font color="#FFFFFF">mgoodding@ptisd.org</font></span></a><font color="#FFFFFF"> </font>
</span>
1001 Fairmont Street | Longview, Texas 75605</div>
</td></tr>
</table>
</td></tr>
<tr><td>
</td></tr>
</table>
</body>
</html>
CSS: Code: /* CSS */
html { height: 100%; margin-bottom: 1px;
}
body {
margin: 15px 0px 15px 0px;
background: url(/images/bg.jpg);
}
table.container {
width: 750px;
background: #FFFFFF;
border: solid 1px #000000;
}
table.main {
width: 700px;
background: #FFFFFF;
border: solid 1px #000000;
}
ul { margin-top: 5px; }
/* header */
#header img.logo {
margin: 20px 0px 0px 20px;
border: 0;
}
#header .login {
margin: 20px 25px 0px 0px;
width: 198px;
height: 20px;
float: right;
font-size: 13px;
}
#header .login form {
margin: 0px;
}
/* main nav */
#nav {
width: 100%;
background: #000000;
color: #000000;
text-align: center;
line-height: 25px;
}
#nav a {
margin: 0px 15px 0px 15px;
color: #FFFFFF;
text-decoration: none;
}
#nav a:hover {
margin: 0px 15px 0px 15px;
color: #0026b9;
text-decoration: none;
}
/* footer */
#blackfooter {
width: 100%;
background: #000000;
font-size: 13px;
color: #FFFFFF;
text-align: left;
line-height: 23px;
}
#footer {
width: 700px;
background: #FFFFFF;
margin: 10px 0px 10px 25px;
font-size: 11px;
color: #444444;
text-align: center;
}
#footer a {
margin: 0px 3px 0px 3px;
color: #444444;
text-decoration: underline;
}
#sddm
{ margin: 0;
padding: 0;
z-index: 10}
#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}
#sddm li a
{ display: block;
margin: 00px 0 0;
padding: 4px 17px 4px 16px;
width: auto;
background: #000000;
color: #FFF;
text-align: center;
text-decoration: none}
#sddm li a:hover
{ background: #0026b9}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #000000;
border: 0px solid #5970B2}
#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 0px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #000000;
color: #FFFFFF;
font: 11px arial}
#sddm div a:hover
{ background: #0026b9;
color: #000}
Thanks for all Help.. I have a Flash menu in a top frame, with a bottom frame that holds the content. Some of the content is large and needs to be scrolled. I would like the site to appear frameless, so the menu scrolls along with the content (so if you scrolled all the way down, you wouldn't see the menu). I initially tried putting it all into another frame, but didn't have much luck with that. I'm open to any suggestions. Let me know if I need to clarify anything. Thanks. Hello, this is my first message here and I hope it will be for all you experts a serious one. This is my page I am developing right now: http://www.travelevros.gr/main.htm The page has one IFrame that loads its subpage of the flash menu. Please dont tell me to get rid of it, I need that IFrame. The flash menu it is placed outside of that IFrame of course, its container is the main page main.htm. In IE, everything works ok and the menu (as transparent) drops down nicely and the user can click the submenus alright, even if they are above the IFrame area. But with Firefox Mozilla, even though the menu drops down nicely too, the user cannot click the submenus, not even the links inside the IFrame page (that covered from the swf rectangular region). So there is a confusion in the Mozilla browser, where to send the click events: to the flash menu or the html page located in the IFrame. What should I do to make this work with Firefox Mozilla? I've tried some solutions i've found in Google, like entering the "z-index" property, placing the flash menu and/or IFrame inside a DIV layer, but I couldnt make it to work. The submenus still cannot be clicked when they drop over the IFrame content. As I said, in IE works fine. I've found somewhere else that the tip for this problem is to place the menu in a DIV and make that DIV load AFTER the IFrame is displayed, at the end of the page, thing that I dont have the knowledge to do. If this is right solution, can somebody help me doing this? On the other hand, if there is some other solution then I am ready to listen. Thank you very much for your time. p/s Check the first menu on the left, it works in Mozilla too, but thats because this region its outside the IFrame. The other menu choices falls down to the IFrame region, so the problem is with the layer placement. Where I have a flash drop down nav bar on top of html it is disabling the links that are underneath the flash nav bar. In firefox even the links in the nav bar do not work where they overlap. HELP!!!! Much appreciative ...Cory Here is the link... http://209.40.102.3/cory/PSBrokerage.asp First, forgive me i'm a noob! Am attempting to rebuild our sorry website. Am kinda picking the whole html thing up, however, am building in frontpage and expressions because those are the programs i have. page i'm working on is: ygcc.org/testing i embedded a video, but would like to position it to line up w/ everything else. i like how it looks centered, but its not aligned correctly w/ the other objects on the page. also, everything else is "positioned" on the page, whereas the media is "aligned" so, it doesn't stay put if i resize my browser next problem i'm having is jump menu or tree menu. i want a drop boxes, such as are on the page, however, would like it if it was a horizontal menu, not individual boxes like they are. right now, the drop boxes are only drop boxes (for "forms") and do not hyperlink. if i "insert jumpmenu" then, i cannot put them beside each other in a row. if i attempt to put them in a row, they are like steps, not straight across. i d/led a program to help w/ menus, but i don't even understand it. when i attempted what it told me to do, i do not get a menu. i know i need to put javascript in, but apparently do not understand this enough to actually do it. in short i would truly appreciate some help. thanks in advance Hello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick |
|||||||