Posted on 2013-10-08
Medium Priority
Last Modified: 2013-10-08
I placed an image from the image folder to my CSS /html web page, and  I uploaded the image into the" images" folder and uploaded the css file into the "css folder" and then upload the html.

 and no image was shown:
part of my css:
#content div#section div p {
	line-height: 21px;
	margin: 0;
	padding: 15px 0 0;
	text-align: justify;
	text-shadow: 1px 1px 0 #f4dcb6;
	width: auto;
	background-image: url(images/pinkRibbon1.jpg);
	background-repeat: no-repeat;
	background-position: center;

Open in new window

part of my HTML file
	<div id="content">
		<div id="section">
				<h1>Dr. Tracy Laufer </h1>
				<p>Low back pain and neck pain have become two  major health problems of the modern era. Unfortunately, many people suffer from chronic back or neck pain that does not get better despite excellent traditional medical and surgical care. As many as 90 percent of people report at least one episode of back pain during their working lives, and back pain is a major cause of disability in the aging population. In many cases, back pain arises when stress is placed on the muscles and ligaments that support the spine.<br/>


Open in new window

any suggestion, this is the first time it happened to me, I might of missed something.
Question by:imagekrazy
  • 3
  • 2
  • 2
  • +1
LVL 25

Accepted Solution

Kyle Hamilton earned 1000 total points
ID: 39555754
CSS reads images relative to itself. so if your structure is like this:


you will need:

background-image: url(../images/pinkRibbon1.jpg);
LVL 53

Assisted Solution

COBOLdinosaur earned 1000 total points
ID: 39555762
The path to the image cannot be resolved because the path is not complete enough.

try changing it to ../images/pinkRibbon1.jpg

If that does not resolve it we will need to know what your file system structure looks like.

LVL 53

Expert Comment

ID: 39555775
Sorry kozaiwaniec.  I was typing while you were posting.

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

LVL 25

Expert Comment

by:Kyle Hamilton
ID: 39555777
no worries - gotta love that low hanging fruit ! :))

Author Comment

ID: 39555879
Thank you , quick question,  how do I adjust that in Dreamer so i don't have to edit it every time ,when i add a image in the css file for example in Dreamweaver ,
it puts this in:

and i have to edit that to .../images/example.gif
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 39555942
not sure. It's been many years since I used Dreamweaver. That's really a separate question.
LVL 38

Expert Comment

by:Tom Beck
ID: 39556100
Answer to the path question in Dreamweaver.

If you set up a "Site" for your project in Dreamweaver and run it through a web server (local or remote) for testing, all urls added using the automated method will have the proper relative urls including however many "../" are needed to resolve the path from the current file.

When you do not have a "Site" setup, the urls will be absolute paths to the files on your hard drive.

Author Comment

ID: 39556156
thank you .I will ask that question how to setup  the "site "in dreamweaver so i can give points to it.

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

624 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question