Images doesnt display correctly on CMS pages

[Emilll]

Hi

 

I have a kinda wierd problem that I don´t know how to solve.

 

At the footer of my webbshop, I wan´t to have pictures displaying that we accept visa/mastercard etc, and it does display correctly on all the pages except on the CMS pages?

 

You can see for yourself here:

 

The index site:

http://hamburgerpress.se/

 

One of the CMS pages:

http://hamburgerpress.se/content/7-recept

 

So instead of displaying the pictures (i have tested both PNG and jpg), it displays squares with questionmarks instead..

 

Do any1 know why and what can I do about it?

 

All help is greatly appriciatied!

[walidon]

you have an "error" in your global.css file

lines

2195

 

to

 

2204

 

it is there...

 

if it doesn't work try to rename the images names and reupload and do the neccessary changes...

Edited January 2, 2014 by walidon (see edit history)

[Emilll]

Hi

 

Thanks for the reply

 

I´m not quite sure what you mean tho, I tried to change the code so that the new images shows the same way the old ones did but it doesnt work properly, you can see for yourself in the links above.

 

2195--->

#bottom_footer ul img {    
    padding: 0 2px;
    float: left
}

#bottom_footer li a {    
    color: #CFC9C3;
    font-size: 15px;
        
}

 

2204-->

 

Whats wrong realy? I´m dumb when it comes to CSS.

[Emilll]

This is how the code for the "onthebox logo" looks like:

 

#bottom_footer span.onthebox {

    background: url(../img/cultura/onthebox.png) transparent no-repeat center 0;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin: 0 5px 0 0;
    height: 70px;
    width: 23px;
    float: left

}

#bottom_footer span.onthebox:hover {
    background: url(../img/cultura/onthebox-hover.png) transparent no-repeat center -40px;
} 

 

it´s exacly the same except i changed width and height on the logo, before it was set to 40x40

[walidon]

do u have any other languages u r working on?

[Emilll]

Solved it, ty!!!

 

Added the following code and then it worked =)

 

#bottom_footer span.onthebox {

    background: url(../img/cultura/onthebox.png) transparent no-repeat center 0;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin: 0 20px 0 0;
    height: 30px;
    width: 70px;
    float: left

}

[walidon]

I checked it, yes now they are ok. if you can just decrease that box and the above links:) it will look better:)

 

can you mark this topic as solved please!

 

All the best for the rest.