External background image not showing

This is a discussion on "External background image not showing" within the Web Page Design section. This forum, and the thread "External background image not showing are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old May 9th, 2007, 10:51
New Member
Join Date: May 2007
Location: UK
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Question External background image not showing

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
Reply With Quote

  #2 (permalink)  
Old May 9th, 2007, 11:22
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: External background image not showing

Code: Select all
.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?
Reply With Quote
  #3 (permalink)  
Old May 9th, 2007, 13:14
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: External background image not showing

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

Code: Select all
.tdstyle {
background:  url(/image/bgBrownSlice.jpg) repeat;
width: 250px;
height: 400px;
}
Reply With Quote
  #4 (permalink)  
Old May 9th, 2007, 15:12
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,763
Blog Entries: 1
Thanks: 0
Thanked 18 Times in 18 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: External background image not showing

or ../image/foo.jpg depending. Check the path.
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #5 (permalink)  
Old May 14th, 2007, 09:34
New Member
Join Date: May 2007
Location: UK
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Re: External background image not showing

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
Reply With Quote
  #6 (permalink)  
Old May 14th, 2007, 09:54
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: External background image not showing

Can you give us a link?
Reply With Quote
  #7 (permalink)  
Old May 15th, 2007, 15:59
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,763
Blog Entries: 1
Thanks: 0
Thanked 18 Times in 18 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: External background image not showing

../ represents the root level of your server so it could be ../images/foo.jpg or ../../images/foo.jpg etc etc depending.
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #8 (permalink)  
Old May 16th, 2007, 03:36
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: External background image not showing

And the parent directory dots aren't "girly!" They're dead useful
Reply With Quote
  #9 (permalink)  
Old May 16th, 2007, 11:07
New Member
Join Date: May 2007
Location: UK
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Wink Re: External background image not showing

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
Reply With Quote
  #10 (permalink)  
Old May 16th, 2007, 19:58
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,763
Blog Entries: 1
Thanks: 0
Thanked 18 Times in 18 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: External background image not showing

It's not girly, its web 2.0! <-- heh
__________________
The internet is just a fad.
http://www.mevans76.com
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Reply With Quote
  #11 (permalink)  
Old May 18th, 2007, 03:52
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: External background image not showing

Lol, moojoo.
Reply With Quote
  #12 (permalink)  
Old May 20th, 2007, 19:03
Reputable Member
Join Date: Dec 2005
Location: Texas
Age: 19
Posts: 328
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via AIM to daygon Send a message via MSN to daygon Send a message via Yahoo to daygon
Re: External background image not showing

wise guys theses days
Reply With Quote
  #13 (permalink)  
Old May 21st, 2007, 12:10
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: External background image not showing

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

Tags
repeat x, style sheets

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Background image not showing Aso Web Page Design 1 Apr 22nd, 2008 15:54
Background page not showing up aaronh Web Page Design 4 Apr 30th, 2007 19:30
Background image overlaping footer image at bottom of div lw_d Web Page Design 4 Mar 21st, 2006 00:27
background image not showing up in Firefox but showing in other browsers! eskymo Web Page Design 21 Jan 19th, 2006 23:10
local image not showing kanuski Web Page Design 1 Oct 16th, 2005 08:11


All times are GMT. The time now is 00:29.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43