1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 CSS Image Sprite Not Showing

Discussion in 'Troubleshooting and Problems' started by Rum Runner Entertainment, Feb 26, 2015.

  1. Rum Runner Entertainment

    Rum Runner Entertainment Active Member

    I think this may be an issue with the code, but my background image is not popping up here in the terms and rules page. I added the
    HTML:
    <div class="rumrunner head"></div>
    to the terms_rules_text phrase and the CSS in the EXTRA.css template:
    Code:
    .rumrunner.head
    
    {
    width:475;
    height:144;
    background-image: url(https://forums-rumrunnerentertainment.com/data/images/head.png) 0 0px;
    }
    Thanks!
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Bad CSS. Use this:

    Code:
    .rumrunner.head
    {
    	width:475px;
    	height:144px;
    	background: url('https://forums-rumrunnerentertainment.com/data/images/head.png') 0 0px;
    }
    
     
  3. Rum Runner Entertainment

    Rum Runner Entertainment Active Member

    Thanks! Worked.
     
  4. Rum Runner Entertainment

    Rum Runner Entertainment Active Member

    I have more images that I want to turn into sprites and their having the same issue, although I am using the same spacing for the code. @Jake Bunce
     
  5. Rum Runner Entertainment

    Rum Runner Entertainment Active Member

  6. Brogan

    Brogan XenForo Moderator Staff Member

    The principle is the same.

    Create the sprite, upload it to the server, create the necessary CSS.
     
  7. Rum Runner Entertainment

    Rum Runner Entertainment Active Member

    Alright, the code just wasn't working for some reason.
     

Share This Page