HTML - Can We Port A Flex Application Completely To Html5?

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

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.

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!

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

Heya peeps.
I have a problem I'm trying to overcome as shown below (From another thread):


I'm in the process of building a website where audio can be purchased and downloaded.
I want each file to allow a preview, but would rather the preview occur on the same page, rather than load up a blank page with a quicktime plugin splodged in the middle.
Is there a way of doing it?
All I want is a basic play/pause/stop button. To control a piece of sound.


It seems that I may be able to achieve this using HTML 5, but I'm worried that people won't be able to read it with there browsers. Am I mistaken?

Thanks

Hey folks, I have a background in traditional enterprise software, and I am trying to gain expertise on newer technologies. I will greatly appreciate, if you could help me understand, when to use HTML5, when to use Flash and when to use Silverlight. If you could point to some tools etc that will be helpful. Thanks for your help

hi everyone,

Can anyone provide me canvas tutorials? I am keep to update more knowledge on html5 and its tags. If you can provide me related information.

Thankyou.

Greetings, Can some one explain me the difference between HTML4 and HTML5?
what is the content management system, and what are the benefits of CMS? Do you heard the word Joomla?

Hi,
Im tryin to use html5 video so my video can be watched by most browsers and cell phone OSs.

Having an issue. the link working in Safari (on win) but not in FireFox
http://beerdiaries.com/html5/html5.html

any idea why?

thanks

Hi all,

I have a web site that has some html tags and it works fine in Chrome and Firefox, however in IE8 and IE9 it just won't load any resources (stylesheets and javascript) and it gets completely broken.

Does anyone know what the problem is?

The doctype and html tag are declared as following:

Code:

<!DOCTYPE html>

<html lang="en">

and the content type:
Code:

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Hi,

I am doing my final year project and am comparing two technologies (HTML5 -JavaScript and Flash -ActionScript).
It would be greatly appreciated if you could take a few minutes to answer my survey:

http://www.surveymonkey.com/s/CLVC23Z

Thank You

i heard somewhere this is a war.. can I ask (not to familiar with html5) what about html5 encroaches on flash? what new elements/features?
If it does compensate i know Jobbs will be pushing the hell out of it (html5)

I was quite surprised to discover that a lot browsers are already starting to support HTML5...

While the support isn't comprehensive, and it isn't universal - it does seem to at least work reasonably well - at least for those elements that are not tied to media:

http://www.brucelawson.co.uk/2009/re...ml-5-wai-aria/


I'm already thinking about making use of HTML5 in new projects... I quite like the idea of <header> and other elements.