CSS images not loading

ALl when I had my images in the same package as the class. And the following css statements
     -fx-background-image: url("image.png");
But now I want to package my images and css into a directory structure.
So when running inside eclipse I have the css and images in bin
so
bin/name.css
bin/images/image.png
So I change the url to
-fx-background-image: url("images/image.png");
It does not load.

Checked it in my own project (eclipse too), its working for me!
Is your CSS actually loading?
Maybe you can provide the code, where you are loading the CSS?
In your case it should look somethink like that:
scene.getStylesheets().add("name.css");But I wont suggest to add the images and css directly into the bin folder, because the next "Project clean" will delete your files!
I would suggest to add another source folder to your Build Path. I have my java source files in "src/main/java" and the resources (images, css, fxml ...) in "src/main/resources"!
than you can load your css by the following code:
scene.getStylesheets().add(this.getClass().getResource("/name.css").toExternalForm());Edited by: BurnedToast on 01.02.2012 10:52

Similar Messages

  • Background CSS images not loading in firefox when using a CDN

    Hello,
    I am having trouble getting CSS background images to load in Fire fox when using a CDN.
    Here is a description of the problem:
    - Everything works fine in Chrome
    - Any images loaded through CSS do not load in Firefox (they load in chrome) when i have the CDN enabled.
    - Other images / custom fonts appear to load fine with the CDN enabled
    My setup:
    - wordpress 3.8
    - CDN - Rackspace Cloudfiles synced with w3 total cache plugin (using the 'origin push' configuration)
    - using Cloudflare (mozilla appears to load the site fine while cloudflare is active)
    More about the problem--
    I suspect that the problem has something to do with the htaccess file redirecting some urls or something-- but im not quite sure what to do about this.
    Has anyone encountered this problem before who can offer some insight?
    thanks

    Hi pvijeh, is that the explanation for a security error? I'm having trouble understanding the context.

  • Images not loading when I visit a website.  I I get is a blank box with a question mark in it.  How do I fix this?

    Images not loading on my browser in Safari or Google Chrome or Firefox when I visit a website.  How do I fix this?

      Can you run EtreCheck and post the report here please?
      EtreCheck:  https://discussions.apple.com/docs/DOC-6173

  • Jquery ui css is not loading in my page, i done this using client library....i tried to check using

    jquery ui css is not loading in my page, i done this using client library....i tried to check using firefox.. firebug addon..the css is showing as empty...so finall css is not calling can you please suggest the solution for this...

    Thanks for ur response...I followed the same link what you suggested for me...
    actually i try to display the buttons in  jquery ui buttons format but it is showing as normal buttons..so i checked uisng firebug ..here css showing as empty.....
    please suggest the same..
    In css.txt.. i write css file names like the below..please confirm is it correct or not
    jquery-ui.min.css
    jquery-ui.css
    Thanks in advance...

  • HELP! Images not loading and Firefox taskbar icon is a white file.

    I went through all the suggestions in the image not loading help page and same with the add ins and nothing helping. The images load fine on Google Chrome so I know it's not the site. It might just be Adobe Flash images, but that's as far as I know how to pinpoint.
    As far as the task bar goes, it's just a while file icon instead of the Firefox one. It doesn't bother me, but I just thought it might be related.
    I'd appreciate any help! Anybody! Thanks,
    Stef

    What do you see if you right-click the area where such a missing image should be?
    Is that a context menu for images with "View Image Info"?
    Are there any icons on the location bar that plugins are used or mixed content is blocked?
    If images are missing then check that you do not block images from some domains.
    *Press the F10 key or tap the Alt key to bring up the hidden Menu bar.
    Check the permissions for the domain in the currently selected tab in "Tools > Page Info > Permissions"
    Check "Tools > Page Info > Media" for blocked images
    *Select the first image link and use the cursor Down key to scroll through the list.
    *If an image in the list is grayed and "<i>Block Images from...</i>" has a checkmark then remove this checkmark to unblock images from this domain.
    Make sure that you do not block (third-party) images, the <b>permissions.default.image</b> pref on the <b>about:config</b> page should be 1.
    Make sure that you haven't enabled a High Contrast theme in the Windows/Mac Accessibility settings.
    Make sure that you allow pages to choose their own colors.
    *Tools > Options > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
    Note that these settings affect background images.
    See also:
    *http://kb.mozillazine.org/Website_colors_are_wrong
    There are extensions like Adblock Plus (Firefox/Tools > Add-ons > Extensions) and security software (firewall, anti-virus) that can block images and other content.
    See also:
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    *http://kb.mozillazine.org/Images_or_animations_do_not_load
    *http://kb.mozillazine.org/Websites_look_wrong

  • FireFox images not loading in local folders (firebug error-Failed to load given URL)

    I am having difficulty when developing websites in local folders (Windows7 computer). The webpages I make are showing images in IE9 & Chrome but not FireFox (nor Safari nor Opera).
    In FireFox I get Firebug "Failed to load given URL" prompt.
    I am using html5 & external linked css stylesheet & the html/html5 & css code validates.
    I have tried using rel path ie images/image.gif & absolute path references ie C:/RPD_Programming/RPD WEB/amwcsnew/index.html
    and have tried using % to eliminate whitespace in references but I cannot get FireFox to display images!!
    This has been a problem for me for around 2 weeks now & is very frustrating. Some website code/templates I have downloaded from the internet display the websites properly (ie load images fine) when I open them locally in FireFox. Why does my code not allow the images to load in FireFox (paths/permissions/other issue??). How can I fix this?
    Here is example css & html5 not displaying images from local directory in FireFox (fine in IE9 & Chrome):
    style.css
    /* CSS Document */
    /*Basic Reset*/
    margin:0;
    padding:0;
    html{
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    body{
    width:1200px;
    margin:0 auto;
    header{
    height:450px;
    background:url("C:/RPD_Programming/RPD WEB/amwcsnew/images/header.gif");
    background-repeat:no-repeat;
    #mid{height:750px;
    background:url('C:/RPD_Programming/RPD_WEB/amwcsnew/images/mid.gif')no-repeat;
    footer{height:286px;
    background:url('C:/RPD_Programming/RPD WEB/amwcsnew/images/footer.gif')no-repeat;
    index.html
    <!doctype html><!-- simplified doctype works for all previous versions of HTML as well -->
    <!--html5 template from www.impressivewebs.com_modified by RPD-->
    <!-- Paul Irish's technique for targeting IE, modified to only target IE6, applied to the html element instead of body -->
    <!--[if lt IE 7 ]><html lang="en" class="no-js ie6"><![endif]-->
    <!--[if (gt IE 6)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
    <head>
    <!-- simplified character encoding -->
    <meta charset="utf-8">
    <title>amwcs-new</title>
    <meta name="description" content="amwcs">
    <meta name="author" content="rpd">
    <!-- Delete these two icon references once you've placed them in the root directory with these file names -->
    <!-- favicon 16x16 -->
    <link rel="shortcut icon" href="/favicon.ico">
    <!-- apple touch icon 57x57 -->
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <!-- Main style sheet. Change version number in query string to force styles refresh -->
    <!-- Link element no longer needs type attribute -->
    <!-- <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />-->
    <link rel="stylesheet" href="css/style.css?v=2">
    <!-- Modernizr for feature detection of CSS3 and HTML5; must be placed in the "head" -->
    <!-- Script tag no longer needs type attribute -->
    <script src="js/modernizr-1.6.min.js"></script>
    <!-- Remove the script reference below if you're using Modernizr -->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </head>
    <!-- If possible, use the body as the container -->
    <!-- The "home" class is an example of a dynamic class created on the server for page-specific targeting
    <body class="home">-->
    <body>
    <!-- ******************************************************************** -->
    <!-- The content below is for demonstration of some common HTML5 elements -->
    <!-- More than likely you'll rip out everything except header/section/footer and start fresh -->
    <!-- First header has an ID so you can give it individual styles, and target stuff inside it
    <header id="hd1"> No way Hosay-not by default! Default is <header> tag (RPD edit) -->
    <header>
    <!-- "hgroup" is used to make two headings into one, to prevent a new document node from forming -->
    <hgroup>
    <h1>amwcs</h1>
    <h2>tagline</h2>
    </hgroup>
    <!-- Main nav, styled by targeting "#hd1 nav"; you can have more than one nav element per page -->
    <nav>
    <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </nav>
    </header><!--End header & or #hd1 header div id if used-->
    <!-- This is the main "div" that wraps the content generically; don't use "section" for this -->
    <div id="mid">
    <!-- The first of two "section" elements for demo purposes; optional class added for styling (hs1 = "home section 1") -->
    <section class="hs1">
    <!-- Each section should begin with a new h1 (not h2), and optionally a header -->
    <!-- You can have more than one header/footer pair on a page
    <header>
    <h1>This is a Page Sub Title</h1>
    </header> -->
    <p>Some content...</p>
    <!-- The h2 below is a sub heading relative to the h1 in this section, not for the whole document -->
    <h2>Demonstrating EM and STRONG</h2>
    <!-- "strong" is used for SEO and contextual hierarchy -->
    <p><strong>This text will have more importance (SEO-wise and contextually)</strong></p>
    <!-- "b" is used for stylistic offset of text that's NOT important contextually -->
    <p><b>This text has visual importance but has no contextual or SEO importance</b></p>
    <!-- "em" is used for colloquial-style emphasis -->
    <p>This is a <em>very</em> colloquial expression.</p>
    <!-- There can be multiple footers on each page -->
    <!-- Secondary headers and footers don't necesarily need ids; they can be targeted via context (i.e. ".hs1 footer")
    <footer>
    <!-- incite a riot: http://24ways.org/2009/incite-a-riot
    <p>Author: <cite>Louis Lazaris</cite></p>
    </footer> -->
    </section><!-- .hs1 -->
    <!-- This is another section; doesn't have header/footer because it's not required -->
    <section class="hs2">
    <h1>This is another section</h1>
    <p>This is some dummy content</p>
    </section><!-- .hs2 -->
    </div><!-- #mid -->
    <!-- The "aside" element could be a sidebar (outside an article or section) -->
    <!-- Or it could reference other tangentially-related content within an article or section
    <aside id="sidebar">
    <p>Sidebar content</p>
    </aside>-->
    <!-- The main footer has an ID for targeting, similar to the main header -->
    <footer >
    <p>copyright &copy; year</p>
    </footer>
    <!-- Remote jQuery with local fallback; taken from HTML5 Boilerplate http://html5boilerplate.com -->
    <!-- jQuery version might not be the latest; check jquery.com -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.4.4.min.js"%3E%3C/script%3E'))</script>
    <!-- Below is your script file, which has a basic JavaScript design pattern that you can optionally use -->
    <!-- Keep this and plugin scripts at the bottom for faster page load; combining and minifying scripts is recommended -->
    <script src="js/general.js"></script>
    <!-- asynchronous analytics code by Mathias Bynens; change UA-XXXXX-X to your own code; http://mathiasbynens.be/notes/async-analytics-snippet -->
    <!-- this can also be placed in the <head> if you want page views to be tracked quicker -->
    <script>
    var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
    (function(d, t) {
    var g = d.createElement(t),
    s = d.getElementsByTagName(t)[0];
    g.async = true;
    g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g, s);
    })(document, 'script');
    </script>
    </body>
    </html>
    I am most grateful for help & look forward to replies & fixing this-thanks
    NB
    Is there a FireFox guide/manual in pdf format available anywhere? I have not found one yet & a FireFox reference might be useful!

    You need to use file:// as the protocol instead of C:/. The latter may never work (C:\ might).
    Where is the main HTML located ?
    Easiest if to store the images in a sub folder of the location because you can't go back via ../ beyond that root location for security reasons.
    See:
    *http://kb.mozillazine.org/Links_to_local_pages_do_not_work

  • Images not loading in CQ 5.5

    images from /etc/properties not loading in Adobe CQ 5.5? Does anyone have any solution to resolve the issue.
    We want images to be loaded for components.
    Thanks very much for your help..
    Thanks & Regards,
    Kumar

    Thanks Justin....
    This is for author/publish and it should be not the issue either the CQ instance is author or publish.
    Let me give you some more input.
    In CQ 5.4 the background image loading properly and image location is at  \etc\design\..\us\en\images
    And the following css just works fine.
    background: url("../../images/company.png") no-repeat scroll right -27px transparent;
        color: #232323;
    But same piece of code not working in CQ 5.5.
    We found in CQ5.5 some unnecessary urls appending to images and that makes the URL invalid.
    As per my understanding CQ5.5 should support backword compatability i.e. CQ 5.4 components should work fine in CQ 5.5.
    Please help me with this.Thank you.
    Thanks & Regards,
    Kumar

  • Images not loading in repeat regions

    I'm a newbie to using repeat regions, but got it working just fine. When I test in Live View, everything looks great, but when I test in a browser, the images are missing. The actual image file name is being added using php to the image's path. I checked in the browser source code and the path name is coming out correctly. As a test, I just added in one of the images manually above the repeat region. Not only did it appear fine, but suddenly the same image in that repeat region appeared! It must be an issue of not loading images. Is this a bug, am I doing something wrong, or do I need to add a script to preload images ahead of time?
    Here's part of my php code. The images are obviously store in the images/films folder and I'm just adding in the file name from the database:
    <?php do { ?>
              <div class="film">
                <img src="images/films/<?php echo $row_rsFilms['still']; ?>" width="178" height="100" />
                <h3 class="filmtitle" ><?php echo $row_rsFilms['filmTitle']; ?></h3>
            </div>
              <?php } while ($row_rsFilms = mysql_fetch_assoc($rsFilms)); ?>
    Here's the offending page: http://www.riversidefilmfest.org/filmguide.php.
    You can see the image I've added in manually which allowed the same image to appear successfully in the first record.

    Thanks Justin....
    This is for author/publish and it should be not the issue either the CQ instance is author or publish.
    Let me give you some more input.
    In CQ 5.4 the background image loading properly and image location is at  \etc\design\..\us\en\images
    And the following css just works fine.
    background: url("../../images/company.png") no-repeat scroll right -27px transparent;
        color: #232323;
    But same piece of code not working in CQ 5.5.
    We found in CQ5.5 some unnecessary urls appending to images and that makes the URL invalid.
    As per my understanding CQ5.5 should support backword compatability i.e. CQ 5.4 components should work fine in CQ 5.5.
    Please help me with this.Thank you.
    Thanks & Regards,
    Kumar

  • Images not loading in iOS gmail

    I am currently using IOS 7.1.2 on an iPhone 4s with Sprint and have a question regarding email image settings. Gmail is set up to be my client.
    On certain emails my images do not load. I have "Load Remote Images" turned ON. I can see the ALT tags associated with the images but not the images. Any ideas?

    Thanks Justin....
    This is for author/publish and it should be not the issue either the CQ instance is author or publish.
    Let me give you some more input.
    In CQ 5.4 the background image loading properly and image location is at  \etc\design\..\us\en\images
    And the following css just works fine.
    background: url("../../images/company.png") no-repeat scroll right -27px transparent;
        color: #232323;
    But same piece of code not working in CQ 5.5.
    We found in CQ5.5 some unnecessary urls appending to images and that makes the URL invalid.
    As per my understanding CQ5.5 should support backword compatability i.e. CQ 5.4 components should work fine in CQ 5.5.
    Please help me with this.Thank you.
    Thanks & Regards,
    Kumar

  • Images not loading consistently

    Hi,
    we have an J2EE application which has been deployed in production server. The specs are:
    Server OS: Sun Solaris 9
    Web Server: Resin pro-3.0.14
    Application Server: IBM Websphere Express 6.0.0.1.
    The problem is sometimes the images are not loaded, but if we refresh the page or use back button and click again or use forward button again, the images are loading. Sometimes the javascript as well as the css files are also not loaded.
    But the peculiar problem is that if we are in a LAN connection, everything is working fine. But if we have a static IP or browse in a internet browsing center or browse from home, then this problem occurs.
    I am at complete loss over this issue. Any help would be appreciated.
    P.S. The application includes jsp, html, java classes, EJB and DB2 database.
    Thanks in advance.

    I am also having similar problem. In my case, I have a simple web application made of html and jsp. My html is trying to load some images from folder webapps/example/images. The code I have used is <img src="images/logo.jpg" width="500" height="70">.
    The problem is only 1 or 2 images gets loaded and rest are blank. Can anyone help on this. If one image is loading properly why can't the rest do the same if all are present in same folder.

  • LR images not loading  in PS editor

    I have PS on my internal  H drive and LR on my C drive.  In LR, when I export an image to PS the Photoshop program comes up but the image does not load.  I just moved my PS to the H drive to save room on my ssd C drive.

    Separate subject:
    What do you mean by "moved" Photoshop? ?? !!   
    Short of first deactivating your Photoshop install on your C: drive, then uninstalling Photoshop, then installing Photoshop anywhere else from scratch (from the original medium) and activating it, you are guaranteed to make an awful mess of the installation.
    Still, post #1 applies anyway.

  • Images not loading at run-time

    See website uaesocial.joolo.com
    The images are not loading... I've verified the path. The
    images show when I'm working on the project offline but when I
    upload it, it doesn't show... path is on the same domain, e.g.
    assets/pictures/pic1.jpg
    I tried using SWFLoader instead of Image and it still won't
    work.
    Any ideas?!

    have you tried changing your links and putting the images in
    the same directory as your flex file. as this maybe the
    flash-players sandbox issue.

  • Images not loaded correctly

    <i>Locking duplicate thread.<br>Please continue here: [[/questions/1056930]]</i>
    Dear reader,
    Since a week my firefox experiences strange image loading behavior. The problem is seen on various pages, in particular when there are more images/pictures shown (e.g. youtube). The problem does not happen with other browsers.
    The problem is this: All images are shown, but the images are mixed up. For example, images A,B,C,D should have been loaded. Instead images B,B,E,E,E are shown. When I hover over the images, the correct images are loaded. See attached picture: The top row is just after loading. The bottom row is shown after I have hover all images.
    As you can image, this is extremely annoying. I have to read the text and/or hover all images to make a choice or understand what an item is all about.
    I have tried the following with no success:
    - Cleared cache
    - Cleared all (cookies, history, cache, etc.)
    - Refreshed my profile
    - Created new profile
    - Reinstalled firefox
    - Disabled all add-ons
    The only thing that I haven't done, but which could solve the problem is updating my video card drivers. I have an old card (NVIDIA GeForce GTX 275). The reason that I don't upgrade is that new NVIDIA drives cause (hard reset) crashes all the time. Also, any other browser works normally.
    Thanks for any tips/advice you might give me.
    Regards,
    Eyestolks.

    Now with attached image that you can load...

  • Web pages and/or images not loading

    This problem started a few weeks ago once every few days or so, then got more and ore frequent where now it is happening multiple times each day.
    I am using Safari 6.1 on an iMac running OS 10.7.5
    Random web pages (some way more than others) will not load when I go to them. Sometimes, the text of the pages will load, but no images. Sometimes the URL progress bar will go across about an inch and the screen will go to blank white (this is most often) and it will just sit there. If I leave it alone, usually the web page will finally load about 4-10 minutes later on its own.
    I have talked with my ISP and we have tried the following fixes, with no positive results:
    When the problem happens, I try pinging the website {using Network utilities) and it always pings just fine.
    When the problem happens, I run Traceroute (using Network utilities) and email him a screen shot of the results.
    I have changed my DNS numbers to OpenDNS, per his comments.
    I have removed the router and plugged in direct.
    I have replaced all my Cat5 cables with new Cat6 cables.
    While the problem is happening, he can ping me just fine from his end.
    When the problem happens, I open Firefox and go to the same site, and have the same blank results in Firefox.
    When the problem happens, I can open a new Safari window and go to other sites just fine.
    This morning, I had the same issues, so I left it to clear on its own. I then went to Outlook to check my email and I had two emails where the images would not load at all, just like the web pages. So I left it alone for over 20 minutes and still no loading. Then I quit Outlook, re-opened it and the images came in just fine. During that 20 minutes, the web pages loaded in Safari in the background.
    I found and read a discussion about this issue  (  https://discussions.apple.com/message/22125235#22125235  ) and per that conversation, I created a GUEST user account, closed out of my account and logged in as a GUEST. I then used Safari to browse the web ans while it was faster, eventually after about 30 minutes, I found a page that would not load (one of my usual suspect pages). I then sat back and let it go and after 5 minutes, the page loaded just fine.
    HELP!!!!!
    John

    Interesting side note . . .
    After writing this (above), I clicked on the SUBMIT button at the bottom of the page and the screen went blank white and it sat there for more than five minutes, when it finally went through. SO, i had my problem occur while submitting my question about the problem!
    Awesome!

  • Images not Loading in Firefox

    I've got some trouble with loading images since flex 3 (and still with flex4).
    In my app I've got several Image tags meant to display jpeg files as follows:
         <mx:Image x="594" y="40" width="400" height="250" id="img_preview" horizontalAlign="center" autoLoad="false" />
    These images are supposed to load an url on runtime which I get from a dataset by means of an rpc:
         img_preview.load( thumbURL );
    Now the problem is that this works just fine on locally - but when I put the release build (or the debug-build) onto the web,
    I just get the missing image icon. This problem so far seems only to occur in firefox, since for example safari or ie working with
    the exact same file just as intendet.
    Ignoring the fact everything works everywhere else I checked the image urls, response headers for the images when loaded
    directly and so on - but found no errors.
    The images urls are absolute from the same domain as the flash movie and an appropriate crossdomain file exists for other
    reasons as well.
    Searching a little further by means of wireshark and firebug I found the flashplayer not opening any connections to the
    server, allthough I'm not quite sure if it's my inability to find the connection or the flashplayer who just want's to bug me to death.
    Any help would be greatly appreciated since I already lost SO MUCH TIME on this..

    Hi pvijeh, is that the explanation for a security error? I'm having trouble understanding the context.

Maybe you are looking for