Bars Problem

[MNG]

I am having a problem with my bars they don't show up.

 

Screenshot Of Problem

As you can see the bars do not show here's the header and css. Hopefully someone can help fix this as this problem is killing me.

 

Header File

Edited June 10, 2013 by MNG

[MNG]

Bump still need this fixed.

[KyleMassacre]

well im not very good at this but i was looking at the files you posted and i see stuff for a div class bar_a and bar_b but i dont see any of those in your css unless im blind

[Guest]

Maybe the images don't exist? Stupid thing to say but maybe..

[MNG]

Maybe the images don't exist? Stupid thing to say but maybe..

Yea the images exist

[Guest]

Got a link and demo account for the game?

[MNG]

http://www.mafiaomerta.com

User-Grant

Pass-Grant

Edited June 9, 2013 by MNG

[Guest]

.bar_a's background is over riding the bars.

[MNG]

I just use CCleaner and open Fire Fox and Google Chrome still not showing on my browswers

[LeeMason]

One issue I see is that on the .bar_b and .bar_a classes you're setting a background image that does not exist. You also have some HTML/CSS issues with the way you have tried to display your stats/bars.

[MNG]

The back ground image does exist, it's just not showing up.

[rockwood]

me too can't see and your code is pretty much unsafe

Edited June 10, 2013 by rockwood

[Hedge]

The problems looks like its your mark-up, it seem like the design side of stuff is a bit of a mess.

Everything seems to be "displaying" but just not in the right places.

I think if you had a clean up of your code it would fix the problem.

I can see lots of tags that open but do not close.

Run your index page through http://validator.w3.org/ and hopefully that will give you a place to start.

[LeeMason]

Okay, let me reiterate... explore.css line 714.

 

.bar_a {
width: 150px;
height: 12px;
border: 0px solid #3e3e3e;
background-image: url(../images/userbarsempty.png);
}

 

The background image you have set does not exist. Even when it does display it won't display correctly because of your markup.

 

.bar_a {
width: 150px;
height: 12px;
background-image: url(/bar_a.png);
}

 

This does exist and is in style_score.css, so you're overriding the image that exists with one that does not. I suggest uploading an image at that URI, at least you'll have something to look at.

* This can all be seen using Chromes development tools or Firefox development tools

[Dave]

As everyone else has already said, your image doesn't exist. If you use the Chrome inspector you can see that the following image doesn't exist.

http://www.mafiaomerta.com/images/userbarsempty.png

It looks to me like you've got two of the same class .bar_a in your CSS and I'd suggest combining them together and choosing one of the backgrounds.

Also the whole of your statistics box is floated, so you'll need to float your bars as well. Delete any reference to .bar_a in your CSS and replace it with the following:

.bar_a {   
   background-image: url('/bar_a.png');

   width: 150px;
   height: 12px;

   border: 0px solid #3e3e3e;

   float: left;
}

Read up about floats to get a better understanding:

http://www.w3schools.com/css/css_float.asp

By doing this you should achieve the following result

Edited June 10, 2013 by Dave Macaulay

[MNG]

As everyone else has already said, your image doesn't exist. If you use the Chrome inspector you can see that the following image doesn't exist.

http://www.mafiaomerta.com/images/userbarsempty.png

It looks to me like you've got two of the same class .bar_a in your CSS and I'd suggest combining them together and choosing one of the backgrounds.

Also the whole of your statistics box is floated, so you'll need to float your bars as well. Delete any reference to .bar_a in your CSS and replace it with the following:

 

.bar_a {   
   background-image: url('/bar_a.png');

   width: 150px;
   height: 12px;

   border: 0px solid #3e3e3e;

   float: left;
}

 

Read up about floats to get a better understanding:

http://www.w3schools.com/css/css_float.asp

By doing this you should achieve the following result

Thanks, Dave

I got them to appear.