473,396 Members | 1,766 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

CSS images will not load

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
19 6148
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Charlie | last post by:
Hi I am using the following code to create an image viewer for multiple images. var pageImage = document.images; var image = new Image(); var args = GetQuerystring(); //return arguments from...
5
by: howdy | last post by:
Hi all, I'm trying to rotate 5 images which load from the server. My script loads the images but when i move to the end of my array i want to cycle throught the array again so that the images will...
3
by: src_mag | last post by:
Hello, I'd like to write JavaScript code that refreshes a frame once a second loading a different image each time. Basically, here's what the script would do: 0 sec load img0.gif 1 sec load...
2
by: Van der Weij | last post by:
Hi, I want to preload some images for a webpage _and_ determing their width and height. The problem is that the scripts continue while the images are loaded in the background, while I need the...
15
by: Geoff Cox | last post by:
Hello I have following type of code in the header function pre_load_pics() { if (document.images) { var image1 = new Image(400,265); image1.scr = "pic1.jpg";
3
by: Dalan | last post by:
At first I was not certain what could cause Access 97 from displaying most jpeg images, but not all. After further testing, it seemed that all original images of less than 275 pixels per inch or...
3
by: mraj | last post by:
Hello... I am new to C#. My requirement is that, I will receive over 100s of images from the network to local machine and display these images on an image viewer one by one on mouse scroll. To...
3
by: Simon | last post by:
This problem has been driving me mad for months.... Seen a few posts on forums about it but no answers... No mention on MSDN etc. XP Pro SP1, VS.NET (c#) .Net framework 1.1, IIS 5.1. In a...
10
by: eholz1 | last post by:
Hello Members, I am setting up a photo website. I have decided to use PHP and MySQL. I can load jpeg files into the table (medium blob, or even longtext) and get the image(s) to display without...
5
matheussousuke
by: matheussousuke | last post by:
Hello, I'm using tiny MCE plugin on my oscommerce and it is inserting my website URL when I use insert image function in the emails. The goal is: Make it send the email with the URL...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.