Solved

Image not there

Posted on 2016-10-22
4
33 Views
Last Modified: 2016-10-22
I have an image on a webpage.  It's on the server.  When I load the page.  The image is not there.  Is it the path?  Any help appreciated.

<div class="row-body{$content_class}">
	<div class="body-content">
		<div class="nine columns" id="messages">
			<div class="page-container">
			<div class="page-content">
			<div class="page-header">{$header}</div>
				<div class="page-inner">
					<div class="row">
						<strong>News</strong><br />
						<br />
						Jessica Jarrell releases a new single!<br />
						<br />
						<img src="../../images/Jessica.png" width="500" height="500" alt="Jessica Jarrell" />
				  </div>
				</div>
			</div>
		</div>
		</div>
		<div class="three columns">
			<!--{$sidebar}-->
		</div>
	</div>
</div>

Open in new window


The site.  audiodigz.com
click on the news link on the home page...
0
Comment
Question by:DS928
  • 2
  • 2
4 Comments
 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
Where is the image on the server?  IE, what is the fully qualified URL that lets you find the image?

Basically, the ../../ notation in the <img> tag is telling the file system to go up two directories, which would put it above the web root.  That doesn't seem to make sense to me.
0
 

Author Comment

by:DS928
Comment Utility
Audiodigz/themes/custom/images/jessica.png   is the full line.
Pulled this from the server.
Name:
Jessica.png
Location:
/webroot/Audiodigz/themes/custom/images
Size:
393.5 KB
0
 
LVL 108

Accepted Solution

by:
Ray Paseur earned 500 total points
Comment Utility
I think it would need to be relative to Audiodigz.com (not just Audiodigz).  Also, file path names are case-sensitive in Unix.  Is this the one you want?
http://audiodigz.com/themes/custom/images/Jessica.png

If so, you might try <img src="/themes/custom/images/Jessica.png" />
0
 

Author Closing Comment

by:DS928
Comment Utility
Thank you Ray.  Both suggestions work!  Have a nice afternoon!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Part of the Global Positioning System A geocode (https://developers.google.com/maps/documentation/geocoding/) is the major subset of a GPS coordinate (http://en.wikipedia.org/wiki/Global_Positioning_System), the other parts being the altitude and t…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

743 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now