External background image not showing

1databyte · May 9th, 2007, 06:51 AM

As a new member to the forum I would first of all like to say a big hello to everyone in the forum and to all its members

i am currently trying to develop a simple website just using basic HTML(XHTML) with a simple text editor, although i have done some web design/development before it has been a while and i am very rusty.
At the moment i am having a problem with cascading style sheets (CSS). When i link my web page to a background image in an external folder containing the CSS, the image fails to appear. All the other
CSS styling works relatively fine but as soon as i want to use an image from the external CSS folder, it does not work.

However when i cut and paste the code from external css file and place directly in a td tag element it works fine. can anybody tell me what i am doing wrong. i have placed a sample of the code below

" <td style = "background-image:url(image/bgBrownSlice.jpg);background-repeat:repeat-x"
width = "250px" height= "400px">Right Cell </td> "

many thanks, 1databyte

Lchad · May 9th, 2007, 07:22 AM

Code:

.tdstyle {
background:  url(image/bgBrownSlice.jpg) repeat;
width: 250px;
height: 400px;
}

This would be the correct css. Although I do not know how to assign css to tables cells.

When I used tables, I would use something like background="image/bgBrownSlice.jpg"

Did I make this more confusing?

karinne · May 9th, 2007, 09:14 AM

You might have to look at the path of your image? You might have to do something like /image/ instead of just image/

Code:

.tdstyle {
background:  url(/image/bgBrownSlice.jpg) repeat;
width: 250px;
height: 400px;
}

moojoo · May 9th, 2007, 11:12 AM

or ../image/foo.jpg depending. Check the path.

1databyte · May 14th, 2007, 05:34 AM

A quick apology and thank you to members LChad,Karinne,Moojoo for responding to my posting. Sorry that i have taken so long to follow up
(was distracted by private issues) your suggestions have been very helpful, but are things that i tried out already. I have checked the file path, i tried placing "/image", "~/image", "folder/image" and Moojoo even that girly thing you spoke about the 2 periods from MSDOS "../image" nothing worked!! At the moment i have given up on trying to solve that problem and i just use both in-line CSS and external link togther. Makes my code a bit messy by i have no other option
again big thank you to every one

thanks, 1databyte

Ryan Fait · May 14th, 2007, 05:54 AM

Can you give us a link?

moojoo · May 15th, 2007, 11:59 AM

../ represents the root level of your server so it could be ../images/foo.jpg or ../../images/foo.jpg etc etc depending.

Ryan Fait · May 15th, 2007, 11:36 PM

And the parent directory dots aren't "girly!" They're dead useful

1databyte · May 16th, 2007, 07:07 AM

hi Ryan and Moojoo, thanks for replying unfortunately i do not have an available link to the website i am working on. It exists as code on my machine in an IDE software environment. At the moment i have moved on to some other pressing things and will return to this problem at a later date. Again a big thanks to you both and whoever said that "../ " was girly? (a big smile)

cheers, 1databyte

moojoo · May 16th, 2007, 03:58 PM

It's not girly, its web 2.0! <-- heh

Ryan Fait · May 17th, 2007, 11:52 PM

Lol, moojoo.

daygon · May 20th, 2007, 03:03 PM

wise guys theses days

Ryan Fait · May 21st, 2007, 08:10 AM

I suggest trying to get it up on the internet before troubleshooting problems. It'll save you a lot of time!