Solved

HTTPS not displaying images

Posted on 2006-06-13
3
334 Views
Last Modified: 2007-02-12
I recently loaded an ssl cert on my server.  When I load my pages in Mozilla using HTTP everything loads fine, but when I load through HTTPS the pages load fine, but the images all return 404 errors.  I've tried relative linking and absolute linking of the images through http://www.mywebsitename.com/; https://www.mywebsitename.com; and www.mywebsitename.com, but no luck.
Note:  Loading the page in Internet Explorer brings up a dialog stating that the page contains mixed content and asks if I want to display the non-secure items.  If yes is selected the images still don't show up.
0
Comment
Question by:IVIoonsail
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 4

Accepted Solution

by:
recklez earned 500 total points
ID: 16895748
Make sure you are using relative paths for your images.

e.g.
If you have an image
<img src="http://www.mywebsitename.com/images/header.jpg" width="100" height="100" />

you should change that to
<img src="images/header.jpg" width="100" height="100" />

If you use an absolute path, even though you are loading the page from https that image is requested from http.
0
 

Author Comment

by:IVIoonsail
ID: 16896135
All of my image paths are relative from before I set up the https, so it's something else.  Although I double checked that, and even looked for anything like a <base href=url /> tag.  Any other ideas?
0
 

Author Comment

by:IVIoonsail
ID: 16897393
Solved it.  I had hotlink protection enabled for the server I was serving the image from.  I disabled it and it started serving my images to the https server from the http server.
0

Featured Post

Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
HTTPS over a limited internet connection 6 57
SSL - A Registrar-Level Change? 4 34
Selenium: Transitioning from unit testing to automated testing 4 62
DNS Forward 4 45
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

730 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