Background image displays locally in HTML5 template but not when published

I have used an excellent HTML5 template which uses JavaScript to display background images. However while this file works locally it doesn't when published. The site structure is sound and I notice this happens with the source files I downloaded also so it's nothing I have done in my build which could have caused this.
This is the link to my site, everything is fine except the background image not showing.
http://www.khawkinsdesign.com
Any ideas, as I say fine locally, not fine when published?
Message was edited by: Kyle Hawkins

Hi Kyle,
I realise you posted your question a couple of days ago but it looks like your background image issue may now be fixed?
In any case, your site has a few issues. Not sure who told you the template was HTML 5 but they might be yanking your chain. There is nothing HTML 5 about the code used and the DOCTYPE is from HTML 4. As such, some of the code you have used is throwing up errors - some related to the DOCTYPE and some where you haven't closed the tags:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.khawkinsdesign.com%2F&charset=%28detect +automatically%29&doctype=Inline&group=0
<ul id="footer-nav">
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li> /*The closing tag is missing in your code */
<li><a href="contact.html">Contact</a></li> /*The closing tag is missing in your code */
</ul>
It would be best to amend the errors but some might disappear when you add the HTML 5 DOCTYPE in to your code. Things like your lack of "type" on the sources is a required v4 attribute, but not in v5.
<!DOCTYPE html>
Have a read through this for more info - this is a great resource for everything HTML 5. http://diveintohtml5.info/
Rik
EDIT:// It seems that the DOCTYPE is the 5 version on all but the home page so you may only have one to correct. However, there are still no HTML 5 elements used to take advantage of the new DOCTYPE.

Similar Messages

Since Firefox 4, I can get a background image to work using base64 encoded, but not a local file, this worked in Firefox 3, how do I resolve this.

Using either of the 4 examples shown below, to have a background image display inside about:blank worked in Firefox 3.x (using Stylish add-on), however since Firefox 4, only using the base64 encoded version of images works. Is there any way to fix this so I don't have to encode every image I wish to use? Encoding the image makes the stylish file absolutely huge, & a real pain to keep encoding whenever I want to change the image.
body:empty { background: url("resource:/res/images/OnFire.jpg")
body { background-image: url("resource:/res/images/OnFire.jpg")
body:empty { background:url("data:
body { background-image: url("data:
I've also previously disabled most of the add-ons, except for Status-4-Evar, Stylish, & Firebug, in an attempt to see if something else was interfering, but no change.
I can supply a copy of the previously working (FF 3.x) code to some of the about:blank styles if needed for testing purposes.

Type '''about:addons'''<enter> in the address bar to open the '''Add-ons Manager.'''
Hot key; '''<Control>''(Mac:<Command>)'' <Shift> A)'''
On the left side of the page, select '''Plugins.'''
Is it listed here? Select '''Disable.'''

Load swf works in Publish Preview but not when published

Hi Folks,
I having a problem where im trying to load two 1mb SWF movies into my Flash piece. It works fine in Publish Preview but not when I finally publish. I get this error in IE:
SecurityError: Error #2000: No active security context.
I have googled around and there is some talk online of a hack where by you get a timeout to overcome this. However im not so technical do I dont really know how to do this to my code in AS3. My code at the moment is below.
Any help would be much appreciated and rewarded with Karma
movieClip_12.addEventListener(MouseEvent.CLICK, fl_ClickToLoadUnloadSWF_9);
var fl_Loader_9:Loader;
//This variable keeps track of whether you want to load or unload the SWF
var fl_ToLoad_9:Boolean = true;
function fl_ClickToLoadUnloadSWF_9(event:MouseEvent):void
if(fl_ToLoad_9)
fl_Loader_9 = new Loader();
fl_Loader_9.load(new URLRequest("search.swf"));
addChild(fl_Loader_9);
else
fl_Loader_9.unload();
removeChild(fl_Loader_9);
fl_Loader_9 = null;
// Toggle whether you want to load or unload the SWF
fl_ToLoad_9 = !fl_ToLoad_9;
movieClip_14.addEventListener(MouseEvent.CLICK, fl_ClickToLoadUnloadSWF_10);
var fl_Loader_10:Loader;
//This variable keeps track of whether you want to load or unload the SWF
var fl_ToLoad_10:Boolean = true;
function fl_ClickToLoadUnloadSWF_10(event:MouseEvent):void
if(fl_ToLoad_10)
fl_Loader_10 = new Loader();
fl_Loader_10.load(new URLRequest("refunds.swf"));
addChild(fl_Loader_10);
else
fl_Loader_10.unload();
removeChild(fl_Loader_10);
fl_Loader_10 = null;
// Toggle whether you want to load or unload the SWF
fl_ToLoad_10 = !fl_ToLoad_10;

I think this is either a problem with my site preLoader or my external .swf Loader. I was checking out the bandwith profiler and saw something weird and I wondered if anyone could explain...I've added a picture. I have a blank frame on only my actions layer to export classes to and it seems that frame 2 is "bleeding" into frame 1. Could this be my problem? Why would this happen? Thanks

Image displays in some jsp files but not others

OK, I have a jsf jsp pages js tag for my application that occurs in several jsp pages:
<tr>
   <td>
      <jsp:include page="/includes/footer.jsp"/>
   </td>
</tr>     footer.jsp has an image tag like this:
<td align="left"><img src="images/logo.jpg" alt="X Systems"/></td>     The jsp files are in a directory which is under the base directory like the include and image files. For some reason, in one jsp page the logo.jpg file does not get displayed. As I understand it, the application server jboss/tomcat resolves the image files. Why would it be displayed it in one page and not another?

You are using a relative link to access your image.
That means it will look for your image relative to the page it last served.
If you ask for http://myapp/root.jsp, it will locate http://myapp/images/logo.jsp
If you ask for http://myapp/module/index.jsp it will locate http://myapp/module/images/logo.jsp
If you right click on your image / broken image placeholder and look at its properties, you should be able to see the url which it is trying to fetch the image from.
The client will resolve relative links from the address url it last accessed. It knows nothing of any serverside forwards/includes that you might have done.
So if you access http://myapp/action and forward to /moduel/accounting/balanceSheet.jsp it will still treat the url as http://myapp/action for resolving relative links.
As far as the client is concerned, the root is /
As far as your web application is concerned, the root is /myapp (or whatever your context name is)
Because of this you can't give your images an static absolute url, because you would be hardcoding the context name into your jsp.
Alternatives
- use something like <img src="<%= request.getContextName() %>/images/logo.jsp"/>
- use a tag library to hide the implementation of option #1 (like struts tag html:img)
- only use relative links, and always specify a html <base> on your page to resolve relative links from.
Hope this helps,
evnafets

Site Displays Perfectly in DW Preview But Not When Uploaded

Hi,
I have a site which displays fine in IE, both the CSS and
XHTML validate and when I use the FF preview in looks just fine.
However when I upload the site to the server, the footer and a
couple of images are missing and I'm just can't figure out why. All
the paths are correct but I just can't figure out why it displays
correctly in the preview FF and it's not when uploaded and viewed
in FF. Site diplays in IE without any problems via preview or
upload.
Any help?

I think you'll need to post a link or some code.
Regards
Martin

Website displays fine in Preview but not when 'Published' to BC

Hi
I've posted this question twice in the Adobe Muse discussion forums and had zero response so hopefully people with more experience form the BC perspective might be able to shed some light on this.
Basically I have a subscription to Muse and with that the ability to host one site with Business Catalyst. When checking the first site I designed I'd use 'Preview in Browser' and the site occasionaly displayed incorrectly, so I changed my habits to publishing the work-in-progress site to the BC url with this current site.
Unfortunately there are multiple display problems with doing this; the two images below show the difference between 'Publish' to the BC domain and 'Preview site in browser'.
I've cleared the cache of the browser multiple times and used both Firefox and Safari and the problem still remains. I'm assuming it's a problem with Business Catalyst?
Does anyone have a solution for this? Has data become corrupted in BC, and if so is there a way of 'flushing' the data held on the BC site clean to start from scratch?
Would really appreciate some help here as it's impossible to show my client the current state of the site
Thanks in advance
Phil

Hi Liam
Tried it in Safari and Firefox (I'm on a Mac), cleared the cache and still was getting issues.
http://httpwiles06businesscatalystcom.businesscatalyst.com/clients.html
If you go to the client page there I'm getting the images behing strangely like the top pic I posted, also the top type image has moved over.
i set up a subdomain on my own site to use as a test space for this client site and it works perfectly; that's on
http://martinedwardstest.phunction.net/
Appreciate any fedback, opinions or help on what might or might not be wrong.
Cheers
Phil

Images enlarge and movies play in iweb, but not when published

Everything works fine in the program, but when published to site or folder, photos are there, but won't enlarge. The movie thumbnail shows with the little movie icon in the corner, but clicking does nothing.

On all of your pages you have an image that appears to cover the photos preventing them from being clicked on.
Move it to the back via the Arrange menu or get rid of it.
How did you add the videos to the page? If you just dragged them onto the page or used the movie page then iWeb will have to upload them when it publishes the page and all will load when the page is accessed which can cause long loading time for the page.
Also thre are some files missing for the TV page as seen in the Activity window (Command+Option+A) for the page. Publish the site to a folder on your hard drive and open it there. Check to see if the movies play OK (after you fix that overlaying image issue). If they do then the problem lies in the uploading of the files.
If those files are Quicktime then the viewers must have Quicktime installed on their computer in order to view them. See this page on Roddy's iWeb for Musicians site for methods of presenting movies that will let all computers view them: Player-Showcase.html. See the list at the right for different players you can use.

HTML video works but not when publishing in MUSE

I threw this together without using MUSE - Just a test video that I made in Dreamweaver. The reason why I'm posting this in MUSE as well as DW forum is because maybe I'm not doing the "5" code correctly. anyway --:
http://designerandpublisher.com/html5/video.html
the HTML5 video above plays great on my desktop as well as on my mobile device.
So now, I opened up MUSE and made a test phone web page. I embedded the necessary HTML5 code. The video plays fine on my desktop but will not play at all on my mobile device (Galaxy Note ii). It seems to start, then freezes, then craps out. Here it is:
http://designerandpublisher.com/hawaii/mobile/
What I can't understand is why am I am all of a sudden having problems with MUSE playing video files made for mobile when the original DW test I made works perfectly?
Please advise.

the OGV and WEBM files work fine in the first test. those files are also present in the 2nd test, so why isn't the 2nd playing like like the first one? as for the FLV that's something i can do for mozilla but my main concern is the playback issue with the MUSE test - all works fine in the first example but not in the second.

Kerberos double hop works internally, but not when published via TMG

Hi all,
Have 2 x IIS 8.5 servers internally with .net applications on them
The IIS servers have been configured to use a domain account for their apppool... and credentials are pass successfully from the front end server to the back end server.
When publishing the front-end server via TMG, the front-end web pages show up fine, but the delegated credentials aren't passed to the "back end" pages and a 401 - unauthorised error is presented.
The TMG computer account has the front end and back end http SPN's defined for delegation in its AD account properties.
Is this expected ? is this a limitation of TMG ? or have I simply done something incorrect ?

Hi,
Please check the following article to see if you missed anything.
About Kerberos constrained delegation
https://technet.microsoft.com/en-us/library/cc995228.aspx
Best Regards,
Joyce
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact [email protected]

Works in preview but not when published in captivate 8?

My youtube widget used in captivate 8 works just fine in the preview, but when published there's nothing where the video should be, any idea as to why?

Hi Robert,
as far as I understand your post, you are missing some kind of "button-artwork" in the published file, but do not report a problem with the "action" that the script should perform.
My guess would be that it will be hard to help you without having a better understanding what your trying to achive and how (are you using a prebuilt component, or did you build the button fron scratch etc....)
It might be even necessary to have a look at the fla itself.
M

Folio showing in Content Viewer, but not when published in Custom Content Viewer... please help...!

I shared a folio to review it in the Content Viewer and everything looks ok, but when published (public / free) custom viewer (v24) doesn't show it. What could be the problem?
Thanks, and excuse my english...

I am guessing two things:
1. You created the folio and uploaded to id [email protected] Then you shared with [email protected]
What is the Title id mentioned in DPS App builder. If it's [email protected], it will not work.
2. Do you have multiple folios with the same product id.

SWF plays in preview but not when published

I have seen similar issues posted but none dealing with this
precise problem. I have two SWFs, one of which loads at the end of
the other. When SWF 1 is played back in Flash or when published in
HTML format, SWF2 plays as is should. When SWF is exported to
another program (e.g. Frontpage or Ektron, CMS), SWF2 will not
play. Interestingly, when SWF2 is exported to the other program on
its own, it plays fine so font support is not an issue.
I have also tried altering the level in the LoadMovieNum
script (0, 1, 2) as well as republishing both SWFs from the
original FLA file. So far zippo.
Any ideas??

At least on my side it only plays the first video and does not progress. There are twenty-five videos after this, they are all very short but they progress. Is this progressing for you? Perhaps it is my computer if so. Please let me know.
Thanks again,
Mark.

Azure SQL database working locally but not when published to Azure

I have an
AngularJS solution that is connecting to a SQL Azure database. When
I run the solution locally, it’s configured to connect up to the SQL Azure database, the solution works fine. However,
when I publish the solution to Azure the connection to the SQL Azure database does not work.
When debugging with Chrome I get the error Failed to load resource: the server responded with a status of 500 (Internal Server
Error)
I'm not using EF. but dapper.
My connectionstring is as follows
<add name="PortalConnection" providerName="System.Data.SqlClient" connectionString="Server=tcp:xxx.database.windows.net,1433;Database=xxx;User ID="xxx";Password="xxx";Trusted_Connection=False;Encrypt=True;Connection
Timeout=30;"/>
When I run the web solution locally from Visual Studio, my sql queries runs like it should, it's only the published version having problems.
Any ideas?
Software Developer

Hi,
Thanks for answer.
I had followed that step by step guide for deploying to Windows Azure. So that was not the problem.
But I was able to get a better error message by turning off custom error in web.config.
I got the error message: "Windows login are not supported in this version of SQL Server"
I solved this by using the SqlConnectionStringBuilder instead of getting the connection string from
web.config.
So everything works great now, just think it's strange it worked locally before..
Regards
-entery
Software Developer

Masking works in preview but not when published

I am dynamically loading higher-res images into a movie clip
that
correspond to the place in a 360 degree rotation the main
clip is at,
then resizing that movie clip to "zoom" the image. Since I
don't want
to overflow the whole screen, I've created another movie clip
that
masks the loader movie clip.
When I preview the flash file, it works perfectly. When I
publish the
file, the mask doesn't get applied. Thoughts?
zoom_btn.onPress = function(){
if(iszoomed == false){
loadMovie("zoomimages/" + Math.floor((_currentframe-4)/3) +
"big.jpg", image_mc);
stop();
zoom_btn.onRelease = function(){
if(iszoomed == false){
Loading progress loop begins, extra code
removed...
if (pcLoaded >= 99){loader_mc._alpha = 0;
image_mc._visible = true;
myMask_mc._visible = true;
image_mc.setMask(myMask_mc);
.....Loading progress loop ends}
iszoomed = true;
}

Hi Robert,
as far as I understand your post, you are missing some kind of "button-artwork" in the published file, but do not report a problem with the "action" that the script should perform.
My guess would be that it will be hard to help you without having a better understanding what your trying to achive and how (are you using a prebuilt component, or did you build the button fron scratch etc....)
It might be even necessary to have a look at the fla itself.
M

Works fine in debug but not when published

So I have simple navigation code setup to step through frames (I'm using Flash instead PowerPoint--too many pictures that are PSDs and illustrations that are AIs to do the conversions over to something PowerPoint understands).
The code:
stop();
stage.addEventListener(KeyboardEvent.KEY_DOWN, slideNav);
function slideNav(event:KeyboardEvent):void
switch (event.keyCode)
case Keyboard.DOWN:
   nextFrame();
   break;
case Keyboard.UP:
   prevFrame();
   break;
case Keyboard.HOME:
   gotoAndStop(1);
   break;
case Keyboard.END:
   gotoAndStop(this.totalFrames);
   break;
When I test it using the debug (Ctrl+Shift+Enter) it works fine. When I publish it, the up and down arrows work but the Home and End keys do not work. They do nothing, no error messages, nothing.
Using Flash CS4 Pro 10.0.2. ActionScript 3. Windows 7 64-bit.
Any suggestions?
Thanks.

Nevermind. That was stupid of me. Have to disable the keyboard shortcuts or it doesn't work.

Background image displays locally in HTML5 template but not when published

Similar Messages

Maybe you are looking for