I've been redesigning a simple site for myself, and it looks and acts fine when I view it as stored on my PC. The problem comes when I try to view it online - the logo and two buttons on the right don't show up

www.karl-brown.co.uk/redesign/index.html

I'm not sure if it's an html or CSS error, or something else. Getting the logo up is the main thing, I can put the sight live without the buttons. Any help would be appreciated. I also apologise if this is in the wrong place - I'm not sure what the issue actuallyis

1. You need to use lowercase letters for the file names. The images are there.

2. You MUST optimize your images! The logo and main background are almost 2.5 meg! That will never load for some users.

3. For copyright use © instead of pasting the copyright symbol.

It looks fine to me and loaded quickly. I had trouble with images not showing up when i used IE8 (for about 1 hour). It is a known bug that may by now have been fixed. I prefer to use Firefox.

if you are on a linux server file names are case sensitive, check that out.

The images showed up fine on my computer. I was using FireFox. Although the header image seemed to take a little while.

It work when you view it in your PC, but at what browser it got Error? Mozilla Firefox? Internet Explorer? For sure it got error on either of the two.

Originally Posted by racer x

1. You need to use lowercase letters for the file names. The images are there.

2. You MUST optimize your images! The logo and main background are almost 2.5 meg! That will never load for some users.

3. For copyright use © instead of pasting the copyright symbol.

That's brilliant Thank you, I'm guessing the images were just too big. First time trying something a little different so I guess I've still got a lot to learn >.>

You're welcome!

Using images for a website is something you'll get used to. PNG's are nice because they allow transparency when you need to place something over a background image of some sort, but they really can't be optimized like a jpg can. A 100k png can look almost equal(or good enough for presentation) and only be 20k as a jpg.

There are times when png is god for logos and such, but imo, I try to avoid the larger images as png's.

My personal rules are:
1. Use png when I NEED clean edged transparency. (But don't forget a conditional fix for ie6 to handle png transparency)

2. Use jpg for most everything well optimized exported at the correct width and height to be used.

3. Use gif for images that don't rely on gradients, or a multitude of different colors.