XF 1.4 CSS Image Sprite Not Showing

[Rum Runner Entertainment]

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

<div class="rumrunner head"></div>

to the terms_rules_text phrase and the CSS in the EXTRA.css template:

.rumrunner.head

{
width:475;
height:144;
background-image: url(https://forums-rumrunnerentertainment.com/data/images/head.png) 0 0px;
}

Thanks!

 

[Jake Bunce]

Bad CSS. Use this:

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

 

[Rum Runner Entertainment]

Bad CSS. Use this:

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

Thanks! Worked.

 

[Rum Runner Entertainment]

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

 

[Rum Runner Entertainment]

@Jake Bunce ?

 

[Paul B]

The principle is the same.

Create the sprite, upload it to the server, create the necessary CSS.

 

[Rum Runner Entertainment]

The principle is the same.

Create the sprite, upload it to the server, create the necessary CSS.

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