How to go up a level in the src path of a URL in HTML?

html css relative-path
aateeque picture aateeque · Jan 26, 2011 · Viewed 308.3k times · Source

I am storing style sheets in {root}/styles while images in {root}/images for a website. How do I give the path in the style sheets to go look in the images directory for the specified images?

e.g. In background-image: url('/images/bg.png');

Answer

lonesomeday picture lonesomeday · Jan 26, 2011

Use .. to indicate the parent directory:

background-image: url('../images/bg.png');

Related questions

Failed to load resource: the server responded with a status of 404 (Not Found)

I can't solve my link problem. Could you help on to this to link CSS and JS File? CSS: <link href="../Jquery/jquery.multiselect.css" rel="stylesheet"/> <link href="../Jquery/style.css" rel="stylesheet" /> <link …

Read More
Is the HTML <base> tag also honored by scripting and CSS?

The base HTML element provides a base for relative URIs in the HTML. Must JavaScript and CSS also honor it for relative URIs issued in them: E.g. JavaScript: location.href = "mypage.htm"` CSS: h4 { background-image: url(myimage.gif) } (in …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More