|
HTML - No Gaps Between Flash Movie.
Theres a gap bewtween my flash movie in a td and the td below. Its works perfectly in firefox just not in ie. I hve attached a screen shot of the problem in ie,
thanks Code: <html>
<head>
<style type="text/css">
img
{
border: none;
}
.content
{
padding: 30px 30px 20px;
}
.nav
{
padding: 10px 22px 6px;
font-size: 12px;
}
.mnav
{
border: none;
}
/* link styles.. */
a:link
{
color: #000000;
text-decoration: none;
}
a:visited
{
color: #000000;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: none;
}
</style>
<title> Index </title>
</head>
<body background="images/bg.jpg"><table align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="652" height="69"><object width="652" height="69">
<param name="movie" value="images/banner.swf">
<embed src="images/banner.swf" width="652" height="69">
</embed>
</object></td>
</tr>
<tr>
<td class="mnav"><a href="Index.html"><img src="images/eportfolio-v1_04.gif"></a><a href="Publications.html"><img src="images/eportfolio-v1_05.gif"></a><img src="images/eportfolio-v1_06.gif"><a href="Evidence.html"><img src="images/eportfolio-v1_07.gif"></a><a href="Review.html"><img src="images/eportfolio-v1_08.gif"></a></td>
</tr>
<tr>
<td height="35" background="images/eportfolio-v1_09.gif" class="nav">
<!-- -->
</td>
</tr>
<tr> <td background="images/eportfolio-v1_10.gif" class="content" size=100% valign="top">
<p><font color="#FFFFFFF">Welcome to my Dance O' Clock Eportfolio! <br>
<br>
The Eportfolio is a showcase of all the work I have made throughout the Dance 'O Clock project. <br>
Evidence of the publications and a review of the whole project is also included in the eportfolio. <br>
<br>
The Eportfolio is best viewed in the Firefox browser with a resolution of 1440 * 900!</font></p>
<hr color="#969696" width="540"> <Br>
<p><font color="#FFFFFFF"><u>Required Information</u></font></p>
<font color="#FFFFFFF">Name: Richard Dyson</font> <Br>
<font color="#FFFFFF">Age: 14 </font> </br>
<font color="#FFFFFF">SPB title: Dance o'Clock Level 2 </font> <Br>
<font color="#FFFFFF">Registration number: 68751</font> <br>
<font color="#FFFFFF">Center name: Whitchurch High school</font> <br>
<font color="#FFFFFF">Center number: .....</font> <br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</p></td>
</tr>
</table>
</body>
</html> Similar TutorialsPlease see the following web page: http://moparch.com/moparch/architect...ucture/ds.html My question is: how do i get the flash movie (containing the pictures) to scale when the browser window gets smaller in the vertical direction? Right now it scales fine in the horizontal direction, but stays the same size when you make the window smaller in the vertical direction. Thank you in advance. Hi all, I have a flash movie that needs to be played when a link is clicked. So I tried the following but it did not work. Firefox just tries to open the file. Code: <a href="../docs/General_Presentation.swf">Sales Presentation</a> Any suggestions? Thanks much, Jehan Hi there, i'm trying to insert a flash movie into the html of my index.cfm file using dreamweaver. Im quite new to working with files that link to a coldfusion database. Anyhow, it doesn't seem to play, and i'm guessing it's because it doesn't like the scripts file generated by dreamweaver. Here is the swf movie http://www.thinking-forward.co.uk/sk...rintoffers.swf. It calls on images using xml. Any help would be much appreciated. Regards Hi! I have exported an flash movie to a html file. The file is located at http://magnetik.eu/files/ratas If move around the menu you will notice that is a line break at the top. Right between the flash file and the top of the browser. Any idea how can I get rid of it? Thank you Is there any way of placing HTML buttons (not flash) over Flash swf movis on Dreamworks? Thanks My site is built with Microsoft Frontpage. I am willing to rebuild in Dreamweaver but I know it will take a very long time. My goal is to have my site display nicely on Ipads and Mobile phones. It looks good now except for the swf movie on my home page. Any ideas how to convert a swf movie to play on Ipads and mobile phones? Thanks! I have a site I'm working on, and I have a flash demo movie that users can view. However, in Internet Explorer (so I'm told) You have to click once to "focus" on the flash movie, then you have to click again on the actual play button. You can view the problem from IE6 he (not sure about IE7) Click on the "view online demo" button below the header, and the movie slides out. http://www.jhilgert.com/EM/ I would like IE to focus on the movie without clicking, so users only have to click once to "play" the movie. Any help is greatly appreciated, and feel free to talk to me like I'm a fifth grader, I really would like to understand this. 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. Hi i used to embed movies into my html, but the fact is that when i embed the movie, it aoutomaticaly make the movie to play with windows media player 9. i was wondering that how can i make it to play with jet audio, or windows media player 11 or real player. thanks for the helps how would I get a 3gp movie to play on my web site. it was taken off my camera phone. TIA problem now fixed thanks very much for the help Hi I have a movie on a webpage of mine that works fine in Firefox, IE6 and IE7 but when I look at the same page on another pc at work- that has IE on it with SP3 it is totally messed up. Has anyone any ideas please ??? Code: <div class="movie">
<object width="360" height="290" type="application/x-shockwave-flash" data="/media/flvplayer.swf?file=/media/videos/jeans.flv image=/media/videos/jeans.jpg&bufferlength=5">
<param name="movie" value="/media/flvplayer.swf?file=/media/videos/jeans.flv&image=/media/videos/jeans.jpg bufferlength=5" />
</object>
</div>
http://garysblog.co.uk/index.php/200...ing-into-jeans Thanks Gary Here is my html: <html><head><title>(blah blah) <body bgcolor="#605C60" text="#000000"> <table width="432" border="0" cellspacing="0" cellpadding="0" height="322"> <div class="video-wrapper" align=left"> <tr> <td valign="top" align="top" width="432"><img src="images/video/videosample-top.jpg" width="432" height="26"></td><tr> <td valign="left" align="middle" width="432" height="247"><img src="images/video/videosample-left.jpg" width="19" height="247"><img src="images/video/videosample1.jpg" valign="top" width="404" height="247"><img src="images/video/videosample-right.jpg" valign="top"width="9" height="247"></td> <tr><td valign="top" align="bottom" width="432"><img src="images/video/videosample-bottom.jpg" width="432" height="50" alt=Play video"></td> </tr></div></table></body></html> I need to put a video (with autostart=false. no controls! just the video) where the videosample1.jpg is, with the videosample1.jpg showing when the video isn't playing, for the better of it, but as an extra bonus i'm trying to have the videosample-bottom.jpg activate the play of the video when i click on it if i can: this is the image: The grey in the middle is where i need the video displayed please help and ty in advance first of all, i'm sorry if this is a repost, basically i've uploaded an audio player to a site, www.habit-music.co.uk, ( i know this is a scruffy code btw.) The player works fine in firefox, chrome, etc, but in ie it shows as a white box, how can i fix this? also my spry nav bar does the same. On a side note if anyone knows of a better audio player could you tell me please? thanks, olly hi. on my site i want to play a uploaded movie file. i'm searching a suitable player but not win media player. is any there? how i place that on my site. thanks in advance chel-1 Hello, I have an swf movie player embedded into the index page of a website. I was wondering what is the best way to insert a preview image into the swf player before you press play? How can I insert a movie into a HTML document? Anyone helps? Thanks in advance. Hello, I'm working on an internal training CD where I'm going to have several Quicktime videos and I need to categorize them by Chapter & Movie Title, similar to: Chapter 1 - Bananas Movie 1 Movie 2 Movie 3 Chapter 2 - Grapes Movie 4 Movie 5 Movie 6 Etc..... The end user would click on "Movie #". It should be easy enough, but there are two things I need. One - for the Microsoft Active Control warning to go away (not appear) as this will be run locally, and Two - for the movie file to run outside of the browser, or at least for the browser to not show any toolbars or menu options as the movie fills most of the screen. Any way to do this in HTML - something that is easy for me to make the links. I'll have probably a hundred or so movies to each of the CDs I'm compiling, so that's a lot of manual linking. Thanks... Hello all ! This worked fine on another design I did but now it doesn't seem to want to work today. Firefox http://img148.imageshack.us/img148/5349/screen1pe5.gif Internet Explorer http://img516.imageshack.us/img516/8704/screen2wl8.gif To the code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Garcia's Blog</title>
<link href='style.css' rel='stylesheet' type='text/css' />
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id='navbar'>
<ul>
<li><a href='/index.html'><img src='images/navb1.gif' width='122' height='40' alt='' /></a></li>
<li><img src="images/navspacer.gif" height="42px" width="12px" alt="" /></li>
<li><a href='about.html'><img src='images/navb2.gif' width='122' height='40' alt='' /></a></li>
</ul>
<div id='navend'><img src="images/navend.gif" height="51px" width="10px" alt="" /></div>
</div>
<br/>
<div class="contentmargins">
<div id="leftcontent">
<div id="leftcontentbg">
<div id="leftconh"><h2>Welcome to my blog!</h2></div>
<br/><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus leo neque, facilisis at, nonummy eget, ultricies sed, mi. Nam ac justo id ligula elementum condimentum. Phasellus ante. Nulla justo felis, tincidunt non, dignissim at, tempor non, felis. Suspendisse tincidunt elementum sapien. Nulla in arcu. Vivamus fermentum, mauris cursus consectetuer molestie, nulla diam viverra eros, in commodo mauris sapien et erat. Donec vel leo. Quisque varius, metus ut venenatis convallis, eros lectus blandit nibh, eget viverra dolor metus nec diam. Mauris pellentesque. In hac habitasse platea dictumst. Phasellus sed ante. Fusce tempus. Quisque viverra sapien quis neque.</p>
</div>
<img src="images/leftend.gif" width="519px" height="3px" alt="" />
</div>
<div id="rightcontent">
<img src="images/navh.gif" width="241px" height="10px" alt="" />
<br/>
<div class="rightcategory"><h2>Pages</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Categories</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Blogroll</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Meta</h2></div>
<p>We be doing it!</p><br/>
<img src="images/rightcone.gif" height="10px" width="241px" alt="" />
</div>
</div>
<div id="footer"><br/><p><a href="http://garciawebmedia.com"><img src="images/copyright.gif" width="249px" height="20px" alt="" /></a> Proudly Powered by Wordpress</p> </div>
</div>
</body>
</html>
Code: html, body {
background: #bfe9ff;
color: #57a3c2;
font: 12px verdana;
height: 100%;
margin: 0px;
padding: 0px;
}
a img {
border:0;
}
* {
margin: 0;
padding: 0;
}
div#container {
width: 800px;
background: #dff5fe;
border: 1px solid #46849e;
}
div#banner {
width: 741px;
height: 105px;
background-image: url('images/banner.gif');
}
#navbar {
height:51px;
background-image: url('images/navbg.gif');
width: 540px;
}
#navend {
height: 51px;
width: 10px;
float: right;
}
#navbar ul {
list-style:none;
}
#navbar ul li {
float:left;
margin: 4px 0 0 8px;
}
div#leftcontent {
float: left;
width: 516px;
}
div#leftcontentbg {
background-image: url('images/leftconbg.gif');
width: 516px;
}
div#leftconh {
width: 511px;
height: 37px;
background-image: url('images/leftconh.gif');
margin-left: 4px;
}
div#rightcontent {
background-image: url('images/rightconbg.gif');
width: 241px;
float: right;
}
div#rightconh {
width: 241px;
height: 10px;
background-image: url('images/navh.gif');
}
.rightcategory {
width: 227px;
height: 41px;
background-image: url('images/cate.gif');
margin-left: 10px;
}
div#footer {
display: block;
clear: both;
}
.contentmargins {
margin-left: 10px;
margin-right: 10px;
}
p {
margin-left: 10px;
margin-right: 10px;
}
h2 {
font: 18px verdana;
padding: 8px 0 0 10px;
margin-left: 8px;
margin-right: 8px;
}
Live preview: http://garciawebmedia.com/dev/blog/ Does anyone want to help me please ? If they could explain why Internet Explorer does this? I know my right content is structured differently from my left because I was trying to get the left side fixed first but it didn't work they way I wanted to. Thanks. Hi, I use following html to display pictures, why there are vertical gaps between pictures? any wayt to remove it? Thanks. Ac <div id="home-newmember"> <img height="250" src="/map_dir/tm_3336.jpg"> <img height="250" src="/map_dir/tm_3379.jpg"> <img height="250" src="/map_dir/tm_3158.jpg"> <img height="250" src="#"> <img height="250" src="/map_dir/tm_3116.jpg"> </div> |
|||||||