|
HTML - Flash Object Not Embedding Completely.
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. Similar Tutorialshello im building a website for my accociate. i built a layout with tables and all that stuff. i am tryin to insert a flash document in a table. whenver i go to test it iin ie7 its stops the flash movie from opening and says Warning this site includes active x click here for more options and then you click on it and click allow. how do i get around this as i need the flash doc to open imedietly upon going to the site thanks augie Hello! This is the page I'm trying to embed Flash: JUZD at Holt Refrew page - not working but it's not working. Here's the JUZD at Holt Renfew Flash - working. What am I doing wrong? Please help. Hi, My current website does not allow me to upload the specific files that I want so I have made a new website to host some flash files so that I can embed them on my own website without having to upload them directly. I'm trying to upload the following onto my website by embedding it in HTML but I'm having difficulties. http://bikeone.org/product-viewer/index.html Can anyone please help. I tried this script but it didn't work... <script type="text/javascript"> var flashvars = {}; flashvars.folderPath = "http://bikeone.org/product-viewer/index.html"; var params = {}; params.scale = "noscale"; params.salign = "tl"; params.wmode = "transparent"; params.allowfullscreen = "true"; var attributes = {}; swfobject.embedSWF("http://bikeone.org/product-viewer/index.html", "ComponentNameDIV", "600", "400", "9.0.0", false, flashvars, params, attributes); </script> Thanks! 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. I am using the following code to embed a flash game into my website: Code: <div id="game-position"> <object data="content/games/stickman-sam-2.swf" type="application/x-shockwave-flash" width="560" height="400"> <param name="ShowStatusBar" value="1" /> <param name="src" value="games/stickman-sam-2.swf" /> <param name="quality" value="high" /> <param name="loop" value="false" /> </object> </div> It works perfectly well on Firefox 3.0.11 but when I try to load the page in Internet Explorer 8 it just shows the flash game as a white square? Does anyone know how I could fix this? Thanks Ok, so I'm trying to revamp my website to be W3C standards-compliant. Here's what I have currently: http://www.xboltz.net/index-new2.html I have a sidebar in a separate HTML document, that I bring in with an object tag, in order to make it easier to add new pages since I don't have to change every other page to add a link. I thought that by setting the object height at 100%, it would scale according to the height of what was inside the box, but it scales to the browser window instead. At 1024x768 and with all three collapsible elements open, a scrollbar appears in the object. Is there a way to make it so the whole page can be lengthened according to what's inside the box? And another thing that's really more important; the links do not work in IE. I tried 7 and 8, and the links all open inside the object, as opposed to the full window. It does that with both target="_parent" and target="_top". The links work in Firefox just fine. 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 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 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. Hello all, I just joined the forums and am not very experienced in HTML at all but have a question that I hope you guys can help me with. So here it goes. I have a site called doodletype.com and when I am working on it I would like that domain and all of its directories to be redirected to one page which would be a page that tells people coming to the site that it is under construction. I've seen this done on many other pages but I can't seem to find out how to do it properly. I can get the URL to redirect correctly when all the user types in is doodletype.com but when the user types in something like doodletype.com/Directory it redirects this URL to a URL like this newsite.com/index.html/Directory. So it appends the /Directory to the end of the redirect URL which then creates the wrong URL and a page cannot be found error. Where as I would like to find out some way of ignoring anything the user puts past doodletype.com/ and just always no matter what the user puts past doodletype.com/ redirect to only newsite.com/index.html and not newsite.com/index.html/Directory. Any help would be great and thanks for your time. Hey, I am currently working on a new skin for my vBulletin forums but having spent an eternity working on the new skin I am having a nightmare with the header. This is the code I am using; Code: <tr> <td bgcolor="#FFFFFF"> <img src="imageoneurl.jpg" border="0"> <!-- breadcrumb, login, pm info --> <table style="background-image:url(imagetwourl.jpg); background-color:#8bcaf3; background-position:right; background-repeat:no-repeat;"> <tr> The above code is what I am currently using, and it works a treat on my computer ; Firefox 3.0 windowed @ 1280x1024: However, when at different resolutions this happens; Firefox 3.0 full-screen in Vista @ 1280x1024: Firefox 3.0 windowed @ 1280x1024 Bit desperate now, spent hours trying to find a solution. Any opinions and suggestions would be greatly appreciated. I have been working on a site, and I have recently changed over the menus from JavaScript to CSS, the problem is, the site looks completely different when I view it in Firefox as oppose to IE, the menus hide under pictures, extra white space and the bullets are visible. I have attached 2 images of how the site looks in IE as oppose to Firefox Thanks I finished building my roll-out menus for firefox, but they're not working in IE. Moreover they get stacked on top of eachother instead of next to eachother. http://www.problem-solving.be/dir0 Can anyone help me how to solve it? Here's the related CSS: Code: /* Drop-down menu */
.nav2 {}
.nav2 ul {
list-style-type:none;
}
.nav2 ul li {
float:left;
position:relative;
z-index:auto !important /*Non-IE6*/;
z-index:1000 /*IE6*/;
background: #C7D0D7; /*url(images/css/css_cat_light.jpg) repeat-x;*/
left:-20;
}
.nav2 ul li a {
float:none !important /*Non-IE6*/;
float:left /*IE-6*/;
display:block;
height:28px;
width:90px;
line-height:28px;
padding:0 20px 0 20px;
text-decoration:none;
font-weight:bold;
color: #006699;
}
.nav2 ul li ul {
display:none;
border:none;
}
/* Non-IE6 hovering */
.nav2 ul li:hover a {
text-decoration: none;
}
.nav2 ul li:hover ul {
display:block;
position:absolute;
z-index:999;
top:3.0em-6;
left:-20;
}
.nav2 ul li:hover ul li a {
display:block;
width:88px;
height:auto;
line-height:1em;
/*margin-left:50px;*/
padding:2px 20px 2px 20px;
border-left:solid 1px rgb(175,175,175);
border-right:solid 1px rgb(175,175,175);
border-bottom: solid 1px rgb(175,175,175);
background-color:#EFEFEF;
font-weight:normal;
color:rgb(50,50,50);
}
.nav2 ul li:hover ul li a:hover {
background-color:#FFFFFF;
}
.nav2 ul li a:hover {
/*background: #DFDFEF;*/ /*#006699;*/ /*url(images/css/css_cat.jpg) repeat-x; */
/*color:#DEEEF3;*/
}
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover ul {display:block; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/
Thanks! Can we port a flex application completely to HTML5? Thanks, Simi. I need some serious help, I have no idea what to check: www.enviral-design.com go to th galleries page, and see what I mean. if you are in Safari or Chrome, it loads exactly like it's supposed to(for me at least) However, on IE or Firefox the gallery page loads all stretched, and as soon as you click on any thumbnails or spry accordion tabs the page just explodes!! what gives?? I've replaced the css for the accordion spry panels with deault DW css, no luck. same with the .js file that the accordions use, also no luck.... I have no idea what to do, or where to start.... anyone?? please help me out!! thanks for your time, Lucas |
|||||||