Forums > Images not showing up in Firefox!

Full Version: Images not showing up in Firefox!

Forums > Resource Center > Webmasters' Corner > Resolved Topics

dreamgurl36

Sep 8 2008, 10:12 AM

http://www.createblog.com/layouts/code.php?id=31240

When I was coding it, the images all showed up properly... but on the cB preview, the header images won't show up in Firefox! (and JUST the header images too -_-") It DOES show up on Internet Explorer though... o_O The image links aren't broken. So I don't know what's wrong. Anyone care to help me? T^T Is something wrong with the code? (I doubt it)

theerinkal

Sep 8 2008, 05:53 PM

who is the host? photobucket? tinypic? imagshack?

Usually those will show up in layouts. I use those all the time. For website templates I use imageshack.us.

schizo

Sep 8 2008, 05:56 PM

^If they show up in one browser but not the other, the problem has nothing to do with where the images are hosted.

Something has to be wrong with the code. Is it just with that layout or all of yours? If it's only that one, compare it with another and see if there are any differences.

Blaqheartedstar

Sep 8 2008, 06:34 PM

waa i hate that. The header doesn't show up for me.

CODE

#header1 {width: 467px; height: 100px; background: url("http://img166.imageshack.us/img166/8/ssa01ou9.jpg") no-

either that no- or the "" is hurting the layout.
gonna test out the theory now.

edit:
yeah i was right.

CODE

#header1 {width: 467px; height: 100px; background: url(http://img166.imageshack.us/img166/8/ssa01ou9.jpg) no-repeat;}
#header2 {width: 467px; height: 100px; background: url(http://img370.imageshack.us/img370/118/ssa02im2.jpg) no-repeat;}
#header3 {width: 467px; height: 100px; background: url(http://img370.imageshack.us/img370/9347/ssa03ny3.jpg) no-repeat;}
#header4 {width: 467px; height: 62px; background: url(http://img156.imageshack.us/img156/2337/ssa04ci5.jpg) no-repeat;}

replacing

CODE

#header1 {width: 467px; height: 100px; background: url("http://img166.imageshack.us/img166/8/ssa01ou9.jpg") no-

repeat;}
#header2 {width: 467px; height: 100px; background: url("http://img370.imageshack.us/img370/118/ssa02im2.jpg") no-

repeat;}
#header3 {width: 467px; height: 100px; background: url("http://img370.imageshack.us/img370/9347/ssa03ny3.jpg") no-

repeat;}
#header4 {width: 467px; height: 62px; background: url("http://img156.imageshack.us/img156/2337/ssa04ci5.jpg") no-

repeat;}

with what i just put above will fix that problem. I will also PM the creator on it.

dreamgurl36

Sep 9 2008, 12:01 PM

Thanks! The problem is now solved. :) :)

manny-the-dino

Sep 9 2008, 12:04 PM

Topic Closed & Moved

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.