Format/design changing when uploaded to host?

Hi All

Wondering if anyone can help me?

Please take a look at the 2 pics attached.

Screenshot 1 is how it is supposed to look & how it looks on my machine when I look at the local file.

Screenshot 2 is how it looks after I upload it to the host (Digiweb)

If you look at "A" the current page is highlighted with a Green underline
And if you look at "B" thats where some faint borders should be, but they cant be seen at all !

All associated .css files have been uploaded too, I've checked all the coding but can't figure out where I'm going wrong.

Is it something to do with the host? I've gone through the control panel on the host (H-Sphere) but can't see any options that may effect it.

As you may have guessed, total amateur here, so any help greatily appreciated

Thanks
Spy

amen

do you have a case sensitivity issue i.e. you have a file MyStyles.css but in your code you call myStyles.css which works find on windows but on won't work on Linux/Unix hosting.

Have you right clicked your page in browser for you local page and that on the hosted sited saved the text and compared using maybe DiffMerge or the files diff in Notepad++ ? or save the text from above and try and view on on your local browser.

Can you post the URL and maybe we can see something ?

Thanks Amen,

I ran it through Diffmerge just there and the only differences highlighted were the links (i.e the local link vs the http link) but the file names were the same and I made sure all file names were in lower case just to be sure.

Link is http://test1.gayswitchboard.ie

Don't pass judgement (yet) on the content or the design, I'm nowhere near finished at the min

amen

I started looking at your css files and you seem to be using images in the css file but when I used the urls I could not access the images so
I used http://validator.w3.org to check your web site http://validator.w3.org/checklink?uri=http%3A%2F%2Ftest1.gayswitchboard.ie%2F&hide_type=all&depth=&check=Check and there are several missing image links.

I think you have a problem with your directory structure and relative paths.

Steve

Can't see anything that the browser is doing there that is inhibiting the underline.


Have you got chrome? if so, right click the local copy -> inspect element and do the same with the live copy and it should show up any differences in the css.

You the man Steve, cheers. Thanks Amen too

I used the inspect tool on Chrome and found loads of images could not load.
But then I had a look and all the files were uploaded.

For some reason when I FTP and delete anything, the folder stays, so I had one folder called Images and one called images, as a result there must have been a conflict and the images would not load.

So I logged on to the FTP web service on the digiweb web portal and was able to delete everything there.

Then I made sure all the code had lowercase file names and paths only, then uploaded everything again.

And hey presto, it works now.

Thanks again for your help, would have taken me ages to figure that out. I'll be sure to put the site up for review when I have it completed.