By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
448,478 Members | 1,042 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 448,478 IT Pros & Developers. It's quick & easy.

CSS images will not load

P: n/a
Hi,

I'm struggling to find answers on the problem I'm having, and I
desperately need some closure :)

I have a bunch of background-images in a css file that are visible
locally, but when I upload to a remote server they won't show.

I checked the actual link, which is correct (e.g '../images/main/
brc.gif'). To make sure I also tried the URL approach (e.g. 'http://
www.redstudio.com.au/client/os/images/main/brc.gif'), which is also
correct, but to no avail.

A friend suggested that I should try placing the image in a DIV as I
had been placing the images inside a class within a cell. This also
did not make any difference.

I have noticed that while testing in Safari, the Activity utility
states that the background images are 'forbidden'. Maybe this is a
clue?

Standard <IMG>'s have also been placed within the document as a test
to see if they load, and these are all visible remotely. So it must
have somehting to do with the CSS.

I've also W3 validated the HTML and CSS and both are 100% OK.

The site/soure can be viewed here:

http://www.redstudio.com/client/os/index.html

http://www.redstudio.com/client/os/css/os.css

Any help would be really appreciated,

Cheers,

Marc

May 8 '07 #1
Share this Question
Share on Google+
19 Replies


P: n/a
ma***********@gmail.com wrote:
I have a bunch of background-images in a css file that are visible
locally, but when I upload to a remote server they won't show.
The CSS file your page uses does not contain any references to
background images.
The site/soure can be viewed here:

http://www.redstudio.com/client/os/index.html
The page asks for:

url("/styles/ns-uc.css");
http://www.redstudio.com/client/os/css/os.css
That seems to be an empty file. Anyway, your page is not referring to it.

HTH,
Osmo
May 8 '07 #2

P: n/a
Osmo Saarikumpu schrieb:
ma***********@gmail.com wrote:
>I have a bunch of background-images in a css file that are visible
locally, but when I upload to a remote server they won't show.

The CSS file your page uses does not contain any references to
background images.
>The site/soure can be viewed here:

http://www.redstudio.com/client/os/index.html

The page asks for:

url("/styles/ns-uc.css");
>http://www.redstudio.com/client/os/css/os.css

That seems to be an empty file. Anyway, your page is not referring to it.

HTH,
Osmo
Additionally, you should clean up your HTML code:

- Set the correct encoding: you are using UTF-8 characters but encoding
is set to iso-8859-1.

- Do not use XHTML style (the trailing / in some HTML elements) while
declaring loose.dtd

- Put the <formaround the table instead in the middle of nowhere

Klaus
--
Linux User #54760
Fingerprint: 890bdbdeaa3ddab07bac87a3115d553a
May 8 '07 #3

P: n/a
I'm sorry. I have been pointing to the site... eek!

Try this instead:

http://www.redstudio.com.au/client/os

http://www.redstudio.com.au/client/os/css/os.css

May 8 '07 #4

P: n/a
I'm so sorry. I have been pointing to the wrong url... eek!

Try this instead:

http://www.redstudio.com.au/client/os

http://www.redstudio.com.au/client/os/css/os.css

May 8 '07 #5

P: n/a
On 8 May, 13:00, marckatsam...@gmail.com wrote:
Try this instead:

http://www.redstudio.com.au/client/os
<td><img src="images/menu/spacer.gif" width="9" height="1" border="0"
alt="" /></td>

Start again from scratch. (and lose the XHTML)

What's with the 7-handed goatse too? _Not_ a good choice of corporate
clipart there, it's going to get you slahdotted, and for all the wrong
reasons.

May 8 '07 #6

P: n/a

P: n/a
On May 9, 12:30 am, Osmo Saarikumpu <o...@weppipakki.comwrote:
marckatsam...@gmail.com wrote:
Try this instead:
http://www.redstudio.com.au/client/os

My Webdeveloper toolbar says:

Broken Images -http://www.redstudio.com.au/client/os/

1.http://www.redstudio.com.au/client/o...ain/banner.jpg
2.http://www.redstudio.com.au/client/o...ain/newsrc.gif
3.http://www.redstudio.com.au/client/o...ain/femmod.jpg
4.http://www.redstudio.com.au/client/o...ain/helprc.gif
5.http://www.redstudio.com.au/client/o...s/main/brc.gif

When I ask for the first one I get:

Forbidden
You don't have permission to access /client/os/images/main/femmod.jpg on
this server.

HTH,
Osmo
I am getting the forbidden message as well (Through Safari's Activity
utility). But what I don't understand is why the banner image loads
(which is in the same directory as the rest of the images) but the
other css linked files do not.

Is it likely to be a CSS thing? A server thing? Or an HTML encoding
thing?

Thanks,

Marc

May 8 '07 #8

P: n/a
On 8 May 2007 07:04:29 -0700, Andy Dingley <di*****@codesmiths.com>
wrote:
http://www.redstudio.com.au/client/os
<td><img src="images/menu/spacer.gif" width="9" height="1" border="0"
alt="" /></td>

Start again from scratch. (and lose the XHTML)
What do you mean when you say lose the XHTML?
The markup is crap. 10-year obsolete single-pixel gif rubbish. Anyone
writing this style of code today ought to be ashamed.

So for the very few cases where XHTML might possibly be of some use,
this isn't one of them. Nor is the guilty coder likely to be a fit
person to be let loose with it.

XHTML on the web is usually bogus. XHTML that still needs trainer wheels
and single pixel gifs is _definitely_ bogus.

What's with the 7-handed goatse too? _Not_ a good choice of corporate
clipart there, it's going to get you slahdotted, and for all the wrong
reasons.
As for the stock photo, its just there as a 'filler' at this stage.
Search Wikipedia for "goatse". _Don't_ Google for it, unless you're
ready for a surprise!

Any image that looks remotely like a goatse (Joe Clark's usability book,
even "Meet the Robinsons") is going to be treated with scorn and
derision when the geeks find it.
As for slahdotted... what?
Sorry, "slashdotted" Wikipedia knows that one too.

--
Die Gotterspammerung - Junkmail of the Gods
May 9 '07 #9

P: n/a
In article
<11**********************@y80g2000hsf.googlegroups .com>,
Andy Dingley <di*****@codesmiths.comwrote:
On 8 May, 13:00, marckatsam...@gmail.com wrote:
Try this instead:

http://www.redstudio.com.au/client/os

<td><img src="images/menu/spacer.gif" width="9" height="1" border="0"
alt="" /></td>

Start again from scratch. (and lose the XHTML)

What's with the 7-handed goatse too? _Not_ a good choice of corporate
clipart there, it's going to get you slahdotted, and for all the wrong
reasons.
It particularly annoying for all the nav links to open in
separate windows.

--
dorayme
May 9 '07 #10

P: n/a
On May 9, 10:17 am, Andy Dingley <ding...@codesmiths.comwrote:
On 8 May 2007 07:04:29 -0700, Andy Dingley <ding...@codesmiths.com>
wrote:
>>http://www.redstudio.com.au/client/os
><td><img src="images/menu/spacer.gif" width="9" height="1" border="0"
>alt="" /></td>
>Start again from scratch. (and lose the XHTML)
What do you mean when you say lose the XHTML?

The markup is crap. 10-year obsolete single-pixel gif rubbish. Anyone
writing this style of code today ought to be ashamed.

So for the very few cases where XHTML might possibly be of some use,
this isn't one of them. Nor is the guilty coder likely to be a fit
person to be let loose with it.

XHTML on the web is usually bogus. XHTML that still needs trainer wheels
and single pixel gifs is _definitely_ bogus.
>What's with the 7-handed goatse too? _Not_ a good choice of corporate
>clipart there, it's going to get you slahdotted, and for all the wrong
>reasons.
As for the stock photo, its just there as a 'filler' at this stage.

Search Wikipedia for "goatse". _Don't_ Google for it, unless you're
ready for a surprise!

Any image that looks remotely like a goatse (Joe Clark's usability book,
even "Meet the Robinsons") is going to be treated with scorn and
derision when the geeks find it.
As for slahdotted... what?

Sorry, "slashdotted" Wikipedia knows that one too.

--
Die Gotterspammerung - Junkmail of the Gods
Damn Andy!

All I asked was for some help, not a bitch slap.

Unfortunately the only HTML tool I have (and the only one I know how
to use) is Dreamweaver. The page I have pointed to is the result of
what Dreamweaver creates. Maybe instead of bagging my "obsolete"
method, you could try giving me some constructive advice .

If anyone else can help with the actual problem at hand, I would
greatly appreciate it.

Regards,

Marc

May 9 '07 #11

P: n/a
On May 9, 10:27 am, dorayme <doraymeRidT...@optusnet.com.auwrote:
In article
<1178633069.208009.223...@y80g2000hsf.googlegroups .com>,
Andy Dingley <ding...@codesmiths.comwrote:
On 8 May, 13:00, marckatsam...@gmail.com wrote:
Try this instead:
>http://www.redstudio.com.au/client/os
<td><img src="images/menu/spacer.gif" width="9" height="1" border="0"
alt="" /></td>
Start again from scratch. (and lose the XHTML)
What's with the 7-handed goatse too? _Not_ a good choice of corporate
clipart there, it's going to get you slahdotted, and for all the wrong
reasons.

It particularly annoying for all the nav links to open in
separate windows.

--
dorayme
Thanks dorayme,

At this stage the site is still a work in progress. The rest of the
site is on hold until I can sort out the issue with the css images not
loading .

However, to soothe your concerns I have reuploaded the ammended files,
so that new windows shall no longer be a distraction.

Cheers,

May 9 '07 #12

P: n/a
In article
<11**********************@p77g2000hsh.googlegroups .com>,
ma***********@gmail.com wrote:

http://www.redstudio.com.au/client/os/

It particularly annoying for all the nav links to open in
separate windows.

--
dorayme

Thanks dorayme,

At this stage the site is still a work in progress. The rest of the
site is on hold until I can sort out the issue with the css images not
loading .

However, to soothe your concerns I have reuploaded the ammended files,
so that new windows shall no longer be a distraction.

Much better for it. But there is trouble all the same. In Safari,
the top image of the banner is reserved as space but nothing
shows making the nav and content seem to start way down the page.

First, just trust the advice not to use that xhtml doc type but
select 4.01 Strict. Honestly, it is a big mess (and you cannot
just use Dreamweaver without being able to get by a little
without it, you will simply not know its limitations) and I could
get the banner image to appear in Safari even with your style
sheet if I cut out almost all your html. You will be lucky (or
unlucky really because you will be tempted to battle on) if
anyone here takes the time to pinpoint "the trouble".

You simply should not be using px for font sizes, and forget
about all the javascript for now.

Why don't you look at some nice templates for three col layouts,
there are quite a few and there is even a thread at the moment
(called at Is the Holy Grail legend true?) at

comp.infosystems.www.authoring.stylesheets where there is one
suggestion:

<http://www.bergamotus.ws/samples/3co...th-borders-ful
l-width.html>

--
dorayme
May 9 '07 #13

P: n/a
ma***********@gmail.com wrote:
I am getting the forbidden message as well (Through Safari's Activity
utility). But what I don't understand is why the banner image loads
(which is in the same directory as the rest of the images) but the
other css linked files do not.

Is it likely to be a CSS thing? A server thing? Or an HTML encoding
thing?
I can't see how the problem would relate to CSS or HTML. I'd guess that
individual images have different permission settings. See:

http://en.wikipedia.org/wiki/Chmod

HTH,
Osmo

May 9 '07 #14

P: n/a
On May 9, 2:50 pm, Osmo Saarikumpu <o...@weppipakki.comwrote:
marckatsam...@gmail.com wrote:
I am getting the forbidden message as well (Through Safari's Activity
utility). But what I don't understand is why the banner image loads
(which is in the same directory as the rest of the images) but the
other css linked files do not.
Is it likely to be a CSS thing? A server thing? Or an HTML encoding
thing?

I can't see how the problem would relate to CSS or HTML. I'd guess that
individual images have different permission settings. See:

http://en.wikipedia.org/wiki/Chmod

HTH,
Osmo
You are right Osmo. It turns out it has to do with permissions. I
tried uploading to another server and now it works fine. (
http://www.redstudioweb.com/client/os )

I had a look at wikipedia re Chmod (for the 2nd time now - I came
across Chmod whilst searching for the problem prior to asking for help
here) but it's all far too complex for me to get my head around it.

I think the easiest solution will be to ring the server host and get
them to sort it out.

Thanks for your help.

Marc

May 9 '07 #15

P: n/a
In article <46***********************@news.fv.fi>,
Osmo Saarikumpu <os**@weppipakki.comwrote:
ma***********@gmail.com wrote:
I am getting the forbidden message as well (Through Safari's Activity
utility). But what I don't understand is why the banner image loads
(which is in the same directory as the rest of the images) but the
other css linked files do not.

Is it likely to be a CSS thing? A server thing? Or an HTML encoding
thing?

I can't see how the problem would relate to CSS or HTML. I'd guess that
individual images have different permission settings. See:
No, it cannot be anything to do with permissions. I was able to
get it to load in Safari by cutting out a lot of the html. No
time to pinpoint more accurately.

--
dorayme
May 9 '07 #16

P: n/a
On 9 May, 01:32, marckatsam...@gmail.com wrote:
Maybe instead of bagging my "obsolete"
method, you could try giving me some constructive advice .
Maybe instead of asking for a personalised answer you could try
reading the easily-searched archives.
May 9 '07 #17

P: n/a
In article <11*********************@e51g2000hsg.googlegroups. com>,
ma***********@gmail.com wrote:
On May 9, 10:17 am, Andy Dingley <ding...@codesmiths.comwrote:
On 8 May 2007 07:04:29 -0700, Andy Dingley <ding...@codesmiths.com>
wrote:
>http://www.redstudio.com.au/client/os
<td><img src="images/menu/spacer.gif" width="9" height="1" border="0"
alt="" /></td>
Start again from scratch. (and lose the XHTML)
What do you mean when you say lose the XHTML?
The markup is crap. 10-year obsolete single-pixel gif rubbish. Anyone
writing this style of code today ought to be ashamed.

So for the very few cases where XHTML might possibly be of some use,
this isn't one of them. Nor is the guilty coder likely to be a fit
person to be let loose with it.

XHTML on the web is usually bogus. XHTML that still needs trainer wheels
and single pixel gifs is _definitely_ bogus.
[snip]
>
Damn Andy!

All I asked was for some help, not a bitch slap.

Unfortunately the only HTML tool I have (and the only one I know how
to use) is Dreamweaver. The page I have pointed to is the result of
what Dreamweaver creates. Maybe instead of bagging my "obsolete"
method, you could try giving me some constructive advice .
In Dreamweaver, with your page open, select

File -Convert -HTML 4.01 Strict

Then you can use

File -Check Page -Validate Markup

You can set Dreamweaver to use HTML 4.01 Strict by default
for all new pages, too: find the Preferences... menu item
(on a Mac, that would be Dreamweaver -Preferences...)
and click on the "New Document" category.

Finally, you might want to get someone to review the actual
text on your page - it needs some work if you want to come
across as a professional organization.
May 9 '07 #18

P: n/a
On May 9, 10:34 pm, David Stone <no.em...@domain.invalidwrote:
In article <1178670720.939896.64...@e51g2000hsg.googlegroups. com>,

marckatsam...@gmail.com wrote:
On May 9, 10:17 am, Andy Dingley <ding...@codesmiths.comwrote:
On 8 May 2007 07:04:29 -0700, Andy Dingley <ding...@codesmiths.com>
wrote:
>>http://www.redstudio.com.au/client/os
><td><img src="images/menu/spacer.gif" width="9" height="1" border="0"
>alt="" /></td>
>Start again from scratch. (and lose the XHTML)
What do you mean when you say lose the XHTML?
The markup is crap. 10-year obsolete single-pixel gif rubbish. Anyone
writing this style of code today ought to be ashamed.
So for the very few cases where XHTML might possibly be of some use,
this isn't one of them. Nor is the guilty coder likely to be a fit
person to be let loose with it.
XHTML on the web is usually bogus. XHTML that still needs trainer wheels
and single pixel gifs is _definitely_ bogus.
[snip]
Damn Andy!
All I asked was for some help, not a bitch slap.
Unfortunately the only HTML tool I have (and the only one I know how
to use) is Dreamweaver. The page I have pointed to is the result of
what Dreamweaver creates. Maybe instead of bagging my "obsolete"
method, you could try giving me some constructive advice .

In Dreamweaver, with your page open, select

File -Convert -HTML 4.01 Strict

Then you can use

File -Check Page -Validate Markup

You can set Dreamweaver to use HTML 4.01 Strict by default
for all new pages, too: find the Preferences... menu item
(on a Mac, that would be Dreamweaver -Preferences...)
and click on the "New Document" category.

Finally, you might want to get someone to review the actual
text on your page - it needs some work if you want to come
across as a professional organization.
Cheers for the tips David :) I'm using MX 2004 (a bit out of date) but
it only seems to give me the option to use XHTML. I'm assuming I can
download an extension or somehting of the like?

As for the text, it is all just filler at this stage (waiting on
client to supply us with their new text content). Still at a layout
stage of design.

May 10 '07 #19

P: n/a
In article <11**********************@q75g2000hsh.googlegroups .com>,
ma***********@gmail.com wrote:
On May 9, 10:34 pm, David Stone <no.em...@domain.invalidwrote:
[snip]

In Dreamweaver, with your page open, select

File -Convert -HTML 4.01 Strict

Then you can use

File -Check Page -Validate Markup

You can set Dreamweaver to use HTML 4.01 Strict by default
for all new pages, too: find the Preferences... menu item
(on a Mac, that would be Dreamweaver -Preferences...)
and click on the "New Document" category.

Finally, you might want to get someone to review the actual
text on your page - it needs some work if you want to come
across as a professional organization.

Cheers for the tips David :) I'm using MX 2004 (a bit out of date) but
it only seems to give me the option to use XHTML. I'm assuming I can
download an extension or somehting of the like?
No, you should be able to do the same thing in MX 2004 - it might be
in a different place, though. Try using the built-in help database,
or perusing the relevant Dreamweaver forum:

http://www.adobe.com/cfusion/webforu...cfm?forumid=12
May 10 '07 #20

This discussion thread is closed

Replies have been disabled for this discussion.