Home > Background Image > Background Image Url Not Working Css

Background Image Url Not Working Css

Contents

Email Address CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. asked 3 years ago viewed 63876 times active 5 months ago Upcoming Events 2016 Community Moderator Election ends in 10 days Get the weekly newsletter! The background-image property will only accept a URL. Foundation Business Responsive Notable Foundation Training Talk to us Tweet us at @zurbfoundation Not a big talker? this content

Your stylesheet seems to point out that your background image is located at img/bgtext.jpg -- this is a relative path starting from the css/ directory. Related 2354Set cellpadding and cellspacing in CSS?278Can I have multiple background images using CSS?781When to use IMG vs. Nothing works. http://cdpn.io/EmfoK you might try a "../" before img.

Css Body Background Image Not Working

When to use an adverb/adjective What is the more appropriate adjectival form of Trump? Either you need to give full path. Debbie system 2011-12-04 02:52:06 UTC #16 [ot] DoubleDee said: And ABSOLUTE paths seem to work better for PHP includes, especially when the include is being used by different files in different

Quotes weren't the issue, just an unnecessary nuisance/useless bytes/potential typo fodder. –Frankenscarf Jan 27 '14 at 8:04 | show 3 more comments up vote 1 down vote for me following line Our mission is to bring affordable, technology education to people everywhere, in order to help them achieve their dreams and change the world. This is an elementary level course and most of your students will be typing by rote at this point in their careers and will not spot the problem. Css Background Image Not Showing Up Gralka Pro Student 18,987 Points over 3 years ago There's your issue!

test.html:

style.css: .btn-pTool{ margin:0; padding:0; background-image: url(slide_button.png); background-repeat:no-repeat; } .btn-pToolName{ text-align: center; width: 26px; height: 190px; display: block; color: #fff; Css Background Image Not Displaying Let me upload all of my files - which is a pain - and see if that helps. I just realised the path has to be relative to the CSS file not the HTML file (obviously). –darksky Dec 25 '12 at 9:25 ok. http://stackoverflow.com/questions/14029277/css-background-image-not-displaying Hot Network Questions Would the members of an online imageboard (or any community) be able to build a post-apocalytic society upon their reputation?

successfulfail 2012-12-21 04:19:43 UTC #3 No slogan.png image file is at "img" folder. Css Background Image Not Loading give display:block to it and also add some text inside the tag and the see the result. which folder? "images" folder? recalcitrant ron ralphm 2012-12-21 10:59:33 UTC #10 Yes, you have a larger view of it than I do, but meh, I claim to be only the messenger here. :lol: I guess

Css Background Image Not Displaying

ylc66 # May 10, 2012 at 1:17 pm you're welcome ! https://css-tricks.com/forums/topic/problem-with-background-image-resolved/ http://cdpn.io/EmfoK you might try a "../" before img. Css Body Background Image Not Working What is a "horn" on a bass guitar? Background Image Not Working In Chrome starting another body{and placing inside worked} I have no idea why, but it worked.

so using the relative url i.e. (images/img.png) didn't work. http://sohohosting.net/background-image/background-image-url-not-working-in-css.html Any suggestions How does Gandalf end up on the roof of Isengard? Gralka Pro Student 18,987 Points J.T. I tried putting an h1 tag in the div.main-banner and it displayed. –brando May 28 at 23:23 add a comment| 4 Answers 4 active oldest votes up vote 2 down vote Css Background Color Not Working

That's my current 'override' CSS in a separate CSS file. In it, you'll get: The week's top questions and answers Important community announcements Questions that need answers see an example newsletter By subscribing, you agree to the privacy policy and terms How can I safely handle a concentrated (fuming) nitric acid spill? have a peek at these guys You're using an absolute path in that url, so the actual path you are specifying is the path to your web root directory appended with your absolute path.

Using the shorthand "background" instead, you can specify the repeat property as well as position and background color all in one line ylc66 # March 15, 2012 at 7:58 am maybe Background-image Invalid Property Value From what I have learned, RELATIVE paths seem to work much better wuth things like HTML src. Jay Sharma 820 Points Jay Sharma Jay Sharma 820 Points over 3 years ago Hey, thanks for this again, after trying that my background colour "420600" has disappeared which i thought

But I believe empty cells are hidden by default.

You should comment on my answer, instead of posting a new answer to respond to me :) –Olhovsky Feb 1 '11 at 6:09 I don't have enough "cred" on CSS background-image?208CSS Display an Image Resized and Cropped1632How do I give text or an image a transparent background using CSS?432Is embedding background image data into CSS as Base64 good or bad While "root relative" is certainly a reasonable term, I would argue that including the URI in a path makes it a network path rather than an absolute path. Css Background Image Url Path Two ways to do this The easiest way background: url("images/epsoclogo.jpg") no-repeat; or else background-image: URL(images/epsoclogo.jpg); background-repeat: no-repeat; joshuanhibbert # March 15, 2012 at 12:29 am If you copied and pasted your

Is there any way for a planet orbiting a red dwarf in the habitable zone to not be tidally locked? but @Darksky you marked right answer to semsem. Log In Username Password Remember Me Forget you password? check my blog Are there any special rules when making a substitution in an integral?

Gralka J.T. If the H1 is appearing, then presumably the include is working. My best guess is your image path is wrong, as i'm assuming your css is in the "stylesheets" folder, but that you wouldn't have your 'img' folder in there. Blueprint a sestina Has a movie ever referred to a later movie?

Try our newsletter Sign up for our newsletter and get our top new questions delivered to your inbox (see an example). Weird. How to prove that authentication system works, and that the customer is using the wrong password? If using relative paths, the path to a file (image or whatever) needs to be relative to the directory containing the file your css is in.