|
HTML - Dead Center Embed Over Tables?
Hello!
I'm fairly new to coding overall, let alone web design in itself but my problem is simple. Apologies in advance for the horrible diagrams below! The solution however, may not be so simple... But isn't that what it's all about? I'm looking for help or direction towards help for this slight task I have a page with tables containing images which in effect looks like this --- I need to (highly preferably without altering the code inside the tables themselves) embed a video (think YouTube) over the top of all the action taking place there, dead in the center of the page like this --- I know very well that this is possible as I'm sure I've seen this technique used many times before, but the question is how do I go about making it happen? Any help would be MASSIVELY appreciated. Thanks in advance. Similar TutorialsI have a many pages of XHTML-code and on those pages there are dozens of links to different files. Sometimes these files can change and it is very hard to find all the places where there are links to a certain file. Is there a program or something else out there that could be used? Preferably a free one, but it does not have to be. Thanks. Could you please only recommend a program that you have used or heard at least heard of from someone. This program would also have to work for offline pages that are stored on my hard drive. Can someone tell me why the "View Cart/Checkout" button on this page works in Mozilla but not IE7? http://www.usautomated.com/catalog/catalog.asp Thanks! My image map worked fine until today. I just upgraded to firefox 3, but it's borken in IE also. Are image maps history? This exact code does not work for me now.. Code: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <map id="jugmap" name="jugmap" > <area shape="rect" coords="9,21,55,42" alt="home" title="home" href="?display="> <area shape="rect" coords="10,43,110,63" alt="instruments" title="instruments" href="?display=instruments&slideshow=instruments"> <area shape="rect" coords="12,66,127,86" alt="items for sale" title="items for sale" href="?display=forsale"> <area shape="rect" coords="11,89,143,113" alt="upcoming events" title="upcoming events" href="?display=events"> <area shape="rect" coords="11,113,128,131" alt="custom builds" title="custom builds" href="?display=custom_builds"> <area shape="rect" coords="10,135,110,157" alt="mailing list" title="mailing list" href="?display=mailing_list"> <area shape="rect" coords="10,159,71,178" alt="contact" title="contact" href="?display=contact"> <area shape="rect" coords="11,180,54,201" alt="links" title="links" href="?display=links"> </map> <img src="images/menu.jpg" width="170" border="0" usemap="jugmap" > </body> </html> Hello, I have a website I am working on and I have almost finished and have just noticed that when I use Chrome or Opera the different pages on my website shift 20 pixels or so to the left. That is some jump left and some don't. Under IE8 this is o.k. Having spent a few hours trying to work out the difference( I assumed this would be easy ) I have discovered that sometimes by adding a <p>Hello World</P> into the centre DIV causes the webpage to fix itself. I have no styling on the P other than to change the colour and can't work out what is causing it. I was trying to make the website HMTML 4.01 strict to avoid these inter-browser problems using but this one has caught me out. I am new to this FORUM and so I am not sure of the correct way of doing this. So I am happy to post code here or if someone wants to have a look at the website its he http://www.sharpcoders.co.uk/index.htm Simple clicking on HOME and then the tab marked "Windows Apps" will show the shifting I am talking about. Thanks for any support or suggestions anyone can give me. Regards, The website I am curently working on http://www.pancodistribution.com/Pro...kle/Trolls.htm is required to have a frame layout so I have used css to do this however when scrolling in IE7 there is a dead zone that the scroll wheel of the mouse will not work in this dead zone is anyplace with no content I.e:text or pictures does anyone know why? This is issue has been bugging me forever! Plus, I'm sure you guys are sick of seeing this topic come up. I don't know why but I cannot get my flash mp3 player to load properly into an iframe. Here is the site: http://duffyartwork.com. All I need is for the mp3 is to simply stop reloading everytime a user browses to a different page on the site so the song stops refreshing. Can someone please just give me a straight forward answer for this. I hate to beat a dead horse but it would be so awesome not to have to worry about this anymore. Ive attached the source code and marked the spot where I believe the code should go... Thanks a million in advance! Hi, i know that iframe isnt xhtml compatible, what do i use instead? is it the embed tags? If so, how do i use them? i take it i dont just replace the word iframe with embed? Thanks! Hi, Is it possible to embed a quicktime .mov file and not allow the user to download the video? Thanks for the help, B Why won't it work: HTML Code: <object width="300" height="42">
<param name="src" value="http://platnium.fileave.com/No_More_Memory.mp3">
<param name="autoplay" value="true">
<param name="controller" value="true">
<param name="bgcolor" value="#ffffff">
<embed src="http://platnium.fileave.com/No_More_Memory.mp3" autostart="true" loop="true" width="300" height="42" controller="true" ></embed>
</object>
I hope this is the correct forum. I have a large swf file that until some of this loads all the user sees is a blank box on the page. What I would like to do is show a gif or jpg there that is small enough to show the control bars of the swf file so the user can see something is going on and then when enough loads they can push play and see the video not the gif. I wanted to use preloaders but my client says no they want a static gif above the player controls. I have seen this done on other sites but I cannot figure this out. I code in the image with a div tag above the swf embed code using transparent in the embed code and all I see is a blank screen until the movie has downloaded and my controls are gone when it loads. So I am wondering do I need a transparent title page in the swf so it will show the image or what? Code where image will go: (<div id="flashcontent"> This text is replaced by the Flash movie. </div> ) Here is my embed code: (<script type="text/javascript"> var so = new SWFObject("capture3.swf", "mymovie", "640", "480", "8", "#336699"); so.addParam("quality", "low"); so.addParam("wmode", "transparent"); so.addParam("salign", "t"); so.write("flashcontent"); </script>) Thanks! For some reason this code won't work. The black window shows up with controls but the video doesn't play. The filename and directory are correct. <object id="MediaPlayer" width="200" height="200" classid="22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="gts1.wmv"> <param name="AutoStart" value="True"> <param name="ShowControls" value="True"> <param name="ShowStatusBar" value="True"> <param name="ShowDisplay" value="True"> <param name="AutoRewind" value="True"> <embed type="application/x-mplayer2"pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/" width="200" height="200" src="gts1.wmv" filename="gts1.wmv" autostart="True" showcontrols="True" showstatusbar="True" showdisplay="True" autorewind="Flase"> </embed> Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hello there, Heres a question, I started a document and inserted flash using dreamweaver. Dreamweaver made an <object> tag and its <param> tags, Also it put an <embed> tag inside that whole deal. using HTML 4.0 Strict DTD, when i validated the document, the was an error that said: Code: The tag name: "embed" Not found in currently active versions.[HTML 4.0] I know that this little trick was used to make sure the flash would play in IE and FF and all browsers for that manner because of the different tag support. So with that said, how do we ensure today that the flash will play in all browsers if we cant use <embed> anymore with current active versions? Thanks in advance Hi folks, I have a simple question using the <embed> tag. My code is as follows: <embed width='100%' height='100%' src='../media/movies/intro.wmv' autostart=true> The movie plays just fine but when the browser loads it seems to load the first frame of the video and superimposes the actual video over that. However, if I go to another tab or minimize the browser then return to the screen the movie looks fine. I'm still learning about this stuff so I'm not sure if there is a buffer/cache issue or not. Can someone please give me some idea on how to solve this problem? Thanks in advance My html file has 7 embed tag lines at the top so that I can play wav files when a mouseover is done. That works. The problem is that there seems to be no way to hide some tiny little dots on the screen where the embed files live. When I tried hidden="true" on the embed tag, the sounds will not play. So then I moved the embed lines at the bottom of the html file after my iframe line but before the close body tag, and the sounds stopped playing. My goal is to have the little dots appear at the bottom of the screen where they are not so obvious, or, even better, not appear at all. Does anyone have any ideas, please? I'm trying to embed a .wav file into my webpage. I've used the following syntax: <EMBED src="funnyfarm.wav" autostart=true loop=false volume=100 hidden=true width="0" height="0"> <noembed><BGSOUND src="funnyfarm.wav"></noembed> Originally I wrote the syntax with <NOEMBED> and </NOEMBED> but FrontPage changed them to what you see above. The page is the Main.htm which resides in the main frame of a frameset page. I do not want the music embedded into the frames page (index.htm) because I want the music to change with the page. I have tried to preview this in a browser but there's no sound. I have tested the wav independently with different media players, it works. Why am I getting no sound? I have also tried FrontPage's default method on Page Properties which just generates bgsound in the header tag but still no good. Is there another tag I can try, or is there a fault in my code? Please help. Hi everyone, I would like to embed another web site/page into a table on my page. The page I want to embed is mine, so there is no copyright issues. I would like to do this without using frames, unless I can use frames, but there be no scroll bars, just to extend the column downward. I would like it to appear as if you couldn't tell that it was from another page. Any help will be greatly appreciated. Musicman1994 Does somebody know what is the current stay of the play with <EMBED> and <OBJECT> tags? I can not find a clear information if I need to use both tags, or just one to embed objects into HTML. Hi all, I'm trying to embed a flash file on my page that will act as a link to another page (please see code below). However, for some reason it's not working. Can someone please tell me what I'm doing wrong or point me towards some documentation? <div class="promowrapper"> <a href="http://promos.kansan.com/summersplash"><embed width="955" height="60" src="http://media.kansan.com/static/images/SummerSplash.swf" /></a> </div> Thanks, Kansan I can't get one of my pages to validate in xhtml, it seems to be the <embed> part which is causing the problems. Here is a link to the page: http://www.a104mc.connwarwicker.co.uk/music.html And here is the section which is causing most of the errors: HTML Code: function playSound(s){
var f = playList[s];
var t = songNames[s];
$('connsplayground').innerHTML = "";
$('connsplayground').innerHTML = "<embed src='http://www.a104mc.connwarwicker.co.uk/sounds/"+f+"' hidden='true' style='width:0px;height:0px;' autostart='true' loop='true' />";
$('songtitle').innerHTML = t;
currentSong = s;
alterText();
}
With such errors as: there is no attribute "src". there is no attribute "hidden" there is no attribute "style" there is no attribute "autostart". etc... I'm using this doc type: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Any idea as to how i can fix these errors? I've tried using an <object> instead, but that didn't seem to work very well at all. |
|||||||