CSS/HTMl

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">
			<div>
				<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/>

  <br></p>
		
			</div>

Open in new window


any suggestion, this is the first time it happened to me, I might of missed something.
imagekrazyAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Kyle HamiltonData ScientistCommented:
CSS reads images relative to itself. so if your structure is like this:

/images/
/CSS/style.css

you will need:

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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
COBOLdinosaurCommented:
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.

Cd&
0
COBOLdinosaurCommented:
Sorry kozaiwaniec.  I was typing while you were posting.

Cd&
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Kyle HamiltonData ScientistCommented:
no worries - gotta love that low hanging fruit ! :))
0
imagekrazyAuthor Commented:
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:
file:///C|/Customers/Spinecare/NewFrontPage2013/images/bg-body.gif  

and i have to edit that to .../images/example.gif
0
Kyle HamiltonData ScientistCommented:
not sure. It's been many years since I used Dreamweaver. That's really a separate question.
0
Tom BeckCommented:
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.
0
imagekrazyAuthor Commented:
thank you .I will ask that question how to setup  the "site "in dreamweaver so i can give points to it.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.