|
HTML - Html 5 Vs. Flash And The Current State Of Browsers
I'm a designer with a working but by no means expert familiarity with html and css. My products are bundles that include photo slideshows, video and audio clips, text and links to pdf and tif files. They are distributed on dvds and thumb drives. I've been using Flash to assemble them.
I understand that Flash is on the way out, at least insofar as HTML 5 is already able to do the many of the same things without the need of a proprietary browser add-in. I understand it is already capable of doing everything I currently do with Flash. My question: which if any of the current browsers are capable of performing all of these functions? I currently bundle Flash Player with my products, but I'd much rather bundle a browser. Thanks in advance, P Similar TutorialsHello, I tried searching on the internet for my question, but strangely have yet to find anything. Hopefully something will turn up soon - but here is my question in the meantime: I have a webpage that has a flash sequence that you must click on to take you to the rest of the site. But for browsers that don't have flash (like phones), I want that flash sequence to be replaced by some html code - like an image that you can click to take you to the site. I feel like that's a pretty basic question - so if you know the answer, I would really appriciate your help! Thanks!! yea, i know it makes me sound like the biggest noob ever but i am so ive put together a few pages with nothing but a list in <ul> tags and i somehow managed to make them horizontal, but now...i want it to be vertical and ive gone over every single line and not been able to work it out so i was hoping maybe you guys could help me out heres the css.... Code: body {
background-color: #e3e3db;
background-image: url(bg.gif);
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0;
padding: 0;
}
#menu {
}
#menu li {
float: left;
height: 28px;
margin: 0 5px 0 0;
white-space: nowrap;
}
#menu li strong, #menu li a {
float: left;
height: 22px;
padding: 6px 16px 0 22px;
background-repeat: no-repeat;
background-image: url(tabs.png);
background-position: -10px -28px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
/* hide overflowing text */
max-width: 290px;
overflow: hidden;
text-overflow: ellipsis;
}
#menu li span {
float: left;
height: 28px;
width: 6px;
background-repeat: no-repeat;
background-image: url(tabs.png);
background-position: -4px -28px;
}
#menu li.selected strong, #menu li.selected a {
background-position: -10px 0;
color: #000000;
font-weight: bold;
}
#menu li.selected span {
background-position: -4px 0;
}
#menu li:hover strong, #menu li:hover a {
background-position: -10px -56px;
}
#menu li:hover span {
background-position: -4px -56px;
}
#menu li.selected:hover strong, #menu li.selected:hover a {
background-position: -10px 0;
}
#menu li.selected:hover span {
background-position: -4px 0;
}
-thanks in advance I took an HTML class which covered the basics and some CSS and Javascript. I got a few questions about some problems I'm having with a website of mine. Site: www.lugify.com 1) I'm using: #main { position: absolute; } to Position my logo at the top, and the other box with the comment area in it. Now when I view this on different browsers and computers it comes out distorted. What my best bet of positioning to simple areas like my website would contain. (the logo and the blue rectangle below it). 2) We never covered sending form information to a .ASP page? I think its something like that. I want to be able to get the form information that people enter into the form, sent to another page that can be viewed by anyone who goes to it. (Kinda like a blog format, so each form posts is printed neatly by time). But I want them to be redirected to a page that simply says "Thanks for ordering blah blah". This way my employee can go to the other page and view the orders. Thanks for any help received! Anthony I have need to include a button in a SharePoint page that will refresh that page, but strip out everyting after the .aspx in the URL (meaning "?blablabla"). I know the simple code <a href="#">click me</a> will load the current page. But is there a code that will strip out everything after the "?" portion? Hello All, I need to display flash located in the application file resources. I tried this way: HTML Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=3,0,0,0" width="740" height="300" type="application/x-shockwave-flash">
<param name="movie" value=res://HTMLTester001.exe/SWFS/#137>
<param name="quality" value="high">
</object>
But it does not work. Flash is not displayed. How can I resolve this trouble? This will proubly be easy for some of you but i need some help. veiw www.aeonnorth.com source. And tell me why i cant get the top 5 buttons to link? Service-Products-Forums-Contact-Support. I have a map set up. but doenst seem to be working. whats wierd is i can mouse over and see its a link but doesnt take me anywhere. please help My index is an HTML page that has a flash that runs for 5 seconds. After that it stops (on purpose). I would like it to then goto another HTML page. For some reason, I can't find out how to do that. I've just recently created my website with wix.com as my host, so it's all flash, but I would like to change my website to html. I really like what I have as the website so far, but I've found that it runs slow on many computers, so I was wondering if there was any way of keeping what I have(such as design etc.) but converting it to html somehow. I don't know much about web design, so any help would be greatly appreciated. (and I don't mind changing my host if it's necessary, I just want a way to be able to keep what I've worked at without having to begin from scratch.) I can view the flash in my HTML script when I run it straight from my computer, but when I upload it I don't see it. I've tried it on three different web hosts. The directories are definitely correct. I don't understand why it simply won't work. This is the code I'm using to display the flash movie: PHP Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="150"> <param name="movie" value="menu_logo.swf" /> <param name="quality" value="high" /> <embed src="menu_logo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="150"></embed> </object> The flash file is located in the same place as the HTML file is. ( the root ) I have created a custom html dropdown menu for my site. The thing is it looks perfect in Firefox 5.0 (for me it does anyway) and works just as expected but in other browsers such as Opera 10.60, Chrome 5.0.375.125, it doesn't work properly. and it works semi ok in IE 8. For example if I hover over one of the menu buttons in opera or chrome there is meant to be a drop down box, this doesn't show in Opera or chrome but does in IE? You can view the menu on my test site - http://www.themidwiferysanctuary.com/testsite/ There is more to the menu, you can use the following log in - Username: Jade Password 130489 Does anyone have any thoughts on how to get the dropdown compatiable with all (or most) browsers? I would post the code but it won't let me even when using the code tags.......... If you want to see the javascript code then please just let me know. Im not sure any of the above makes sense?? Thank you, Jade Hello there, My index page validates completely since I tidied it up using html tidy, but when i run it through browsershots it is still completely broken in firefox, opera, etc. basically anything other than MSIE it displays incorrectly. If anyone could shed any potential light on the situation it would be greatly appreciated. As you can no doubt tell, I'm no expert on creating web pages using html and css and if a page validates but still doesn't work I can't even begin to try and work out what is going on I did run my css through a validator and it came up with 30 or so instances of the same error, I hadn't ended a dimension value with px, i had just left the number, could this be the culprit? I have since corrected my style sheet so that it validates completely but I cannot upload from my FTP on the PC i'm currently using to see if it affects the browsershots results. I just wanted to put it out there and see what the ideas were of people who know a lot more about website building than I do. Bottom line: if i have an html page and a css page that validate 100% using the w3c standard is it guaranteed to work in all browsers, or are there quirky little things I need to be aware of when wanting my site to display correctly in less popular browsers such as safari etc.? Any feedback is greatly appreciated. :-) Sincere thanks in advance, Alex Browser screenshots - http://browsershots.org/http://www.alexhaines.co.uk/ HTML Validity results - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Findex.html&charset=%28detect+automatically%29&doctype= Inline&group=0 CSS Validity results - http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Fstyle.css&profile=css21&usermedium=all&warning=1&l ang=en My site - http://www.alexhaines.co.uk Hello, I have flash website that I want it to be opened by html page. What I need to do if I have an html page that when I press on link on this page it will open my flash page on full screen (fit screen)? I have this website for example of my question: www.federicafontana.it Thanks to anyone that will help. Best regards, Fabio. 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! Hi all, My document all seems to measure up, but I don't know how to impliment my flash animation correctly so that it complies with HTML 4 strict. Any help would be greatly appreciated as always. This is the document: http://www.warwickshireonline.com/pat Here's the validation. http://validator.w3.org/check?uri=ww...line.com%2Fpat Thanks in advance for your help. I have this code for my flash movie i want to put in the web site <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="220" height="300"> the flash movie...swf file I have is flash9 with AS3 .....is the code I have fit to flash 9 ? and when I want to see the flash I cant see it just after I press right mouse key and then play..... do I need to add somthing for the flash say Automaticly start this movie.......... Okay, clearly I'm new to the forums, so I apologise in advance if I've posted this in the wrong section/shouldn't have posted it (I'm used to phpBB's forums anyways, our site runs that). Okay, here's the problem. For our website, we need to upload links in the form of pictures etc. - stuff like 'go' buttons, info boxes etc. So far, I've been making thm in fireworks with rectangle hotspots and the like. However, des[pite my various efforts, I haven't been able to get them to work. I it to do with the quality? E.g., do they need to be websafe colours (websnap whatever?), or is it the way I'm getting the HTML code. I'm aware that I can make more interactive buttons in flash, and I can do that with ease, but in this case, I have trouble with security settings, and whenever we attempted to upload it, it would not display. Thanks for your help, guys, I hope you can work it out! my question is about adding html on top of flash for seo purposes if a flash file is originally used for a banner or navigation or any other purposes, because the text is inside flash and as it cannot be read by search engines, is it possible to add html on top of this flash file so that search engines can still read the content. please advice thanks Hi all... i am using the following HTML to load a flash video on a iweb page. Is there a way i create links on my page to different flash files on my web server and have it play that video? I would think i have to set the 'embed src' and 'value' to a variable that's changed every time a new link is clicked on the page but how do i setup up that variable? <object classid="clsid27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=6,0,40,0" border="0" width="800" height="600"><param name="movie" value="http://web.mac.com/youriDisk/docs/flash.swf"><param name="quality" value="High"><embed src="http://web.mac.com/youridisk/docs/flash.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="800" height="600"></object> Well as a noob i would just like to say hello to you all. I thought adding a intro page would annoy people and i like this so i started building a intro page with a already built swf file Nightmare, i cannot get the white borders to go away, if i change the size of the swf it changes the borders position. I never get a border all the way around the swf, its either top and bottom or left and right depending on resizing the swf please help as its driving me mad this is the code i have so far <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Click Here To Continue</title> </head> <body bgcolor="#000000"< MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" SCROLL="NO">> <table border="1" cellpadding="0" cellspacing="0" width="100%" height="585" style="border-style: none" fpstyle="1,000001100"> <tr> <td width="17%" height="11" style="border-style: none"></td> <td width="62%" height="11" style="border-style: none"></td> <td width="21%" height="11" style="border-style: none"></td> </tr> <tr> <td width="17%" height="568" style="border-style: none"> </td> <td width="62%" height="568" style="border-style: none"> <p align="center"> <embed src="intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="81%" height="100%" loop="false"></td> <td width="21%" height="568" style="border-style: none"> </td> </tr> <tr> <td width="17%" height="47" style="border-style: none"> </td> <td width="62%" height="47" style="border-style: none"> <p align="center"><a href="www.voodoo-music.co.uk/home.html">Click Here To Continue</a> </td> <td width="21%" height="47" style="border-style: none"> </td> </tr> </table> </body> </html> Can anyone tell me the best way to embed a Flash Movie that will comply with HTML Strict? http://www.kasedesign.co.uk/woodside.../panoramic.htm There seem to be quite a few options out there and they all seem very long winded! Thanks in advance! |
|||||||