Home > Background Image > Background Image External Css Not Working

Background Image External Css Not Working


Check out this tutorial on file paths and an explanation of absolute vs relative paths. If its in the same directory as the html file then again the image should be found with the code as is. It depends on your directory structure and whether your CSS will work as you intended. This helps future readers to find the best answer to the issue. –Aquillo May 1 '13 at 10:19 add a comment| up vote 0 down vote Hey you have a syntax click site

PRO L McLean Pro Student 5,329 Points L McLean L McLean Pro Student 5,329 Points over 3 years ago body {background-image: url ('../img/white_brick_wall.png');} James Barnett Front End Web Development Treehouse Moderator Is my code wrong? http://jsfiddle.net/ebLQQ/ share|improve this answer answered Aug 30 '12 at 9:56 Jezen Thomas 9,30132668 For some reason, even the fiddle fails to load the image. css background-image external share|improve this question edited Feb 15 '14 at 16:29 Bart 14.1k63353 asked Aug 30 '12 at 9:53 user1130217 remove quotes and it should work. –bhups Aug

How To Set Background Image In Html Using External Css

asked 4 years ago viewed 9990 times active 2 years ago Upcoming Events 2016 Community Moderator Election ends in 10 days Related 2368Calling an external command in Python2354Set cellpadding and cellspacing remove the ; after ) background:url(.../pics/alexlogo1.png); 0 0 no-repeat; it should look like this background:url(.../pics/alexlogo1.png) 0 0 no-repeat; share|improve this answer answered May 1 '13 at 9:05 Subash 3,71912051 add a Browse other questions tagged html css relative-path or ask your own question.

Animated plot required to leave behind trace Is there any way for a planet orbiting a red dwarf in the habitable zone to not be tidally locked? What is the meaning of "barnet front"? Code ladder, Cops Taking Control Back as a DM? External Css Example Regarding the code, I meant that in the linked page there is no div classed logo - only an img with the incorrect src code.

Explanation why to use body It allows you to use an overlay on top of that body tag. Add Image To Css Stylesheet Its a very basic site, with very few images on the website itself. 99% of the images will be on my external blogs, brought into the site. Currently, the image isn't loading because you haven't used the correct url - filenames are case sensitive (logo.png is different than Logo.png). http://stackoverflow.com/questions/12831558/background-image-not-showing-when-in-external-style-sheet How do you simplify a log with an exponent in the base?

share|improve this answer edited May 1 '13 at 8:54 answered May 1 '13 at 8:37 Guffa 450k58422740 add a comment| up vote 0 down vote background:url("../pics/alexlogo1.png") 0 0 no-repeat; Only use Css External Style Sheet However if you have saved your css file somewhere else then you need to set the path accordingly. Yes. I agree.

Add Image To Css Stylesheet

I thought I supplied the code in my original query. Get More Information I would assume I'd written it wrong, but when placed internally, it works fine. How To Set Background Image In Html Using External Css Also, when it comes to putting in an image from the subtle background website I put in the following: {background-image: url ( 'img/white_brick_wall_.png' ) repeat; } Is there some horrible careless Css Background Image External Url But both are correct.

Encasing a star in a perfect insulator Mimsy were the Borogoves - why is "mimsy" an adjective? http://emhsoft.net/background-image/background-image-none-not-working.php Most often, browsers will still honor them, but they will not pass validation and should be avoided. asked 4 years ago viewed 8944 times active 4 years ago Upcoming Events 2016 Community Moderator Election ends in 10 days Linked 172 Is quoting the value of url() really necessary? Lab colleague uses cracked software. How To Put Background Image In Css From A Folder

There must be something wrong with your URL. Glad you sorted it but sorry you spent six hours on it system 2014-10-08 00:57:18 UTC #8 Home Categories FAQ/Guidelines Terms of Service Privacy Policy Powered by Discourse, best viewed with http://imgur.com/pRUUdiU Chase James 28,979 Points Chase James Chase James 28,979 Points over 3 years ago So you need to go up one directory by adding ../ right before img. navigate to this website I struggled to get the html folder above the css folder in sublime.

Inline styling should be avoided. How To Add Background Image In Css I hope this will clear some things up. I've been coding for a very long time and know what you're dealing with having been 6 years out of practice.

Marty, I'm guessing you're new to developing web pages - which is fine, we all started somewhere.

Here's the embedded version on the doc: Test2 Backgound CSS Image