Jump to content

Image Not Displaying in IE7

NikMac

By NikMac
in HTML/XHTML

Recommended Posts

NikMac Newbie

NikMac

Posted
Posted

Hello,I have a webpage for a client which displays an image next to a testimonial. It passes XHTML validation, but for some reason the image never displays in IE7. I've gone over the code and I'm completely stumped here - does anyone have any suggestions? The client's research indicates that a large percentage of target visitors use IE7...Here is the page: www.heathershelpinghands.ca/about.htmlThank you.

Link to comment
Share on other sites
dsonesuk w3schools Guru

dsonesuk

Posted
Posted

well, i can see 'images/level-1-certified-logo.jpg', 'images/bg_y7jx.jpg', and 'images/bg_hohe.jpg', in IE7, and IE8/IE7 compatibility mode, the only other image you maybe talking about is 'images/student_alone.jpg', in which 'images/bg_hohe.jpg' is taking precedence over. If you require this image, you will have to remove reference .sf_extra5 span {background-image:url(images/bg_hohe.jpg);}from custom.css file

Link to comment
Share on other sites
NikMac Newbie

NikMac

Posted
  • Author
Posted

Sorry, but are you sure you are looking at the correct page/website? I do not recognize any of those image names you mentioned. The image in question is located at www.heathershelpinghands (dot) ca/images/margaret.jpg and it is not displaying in IE7 on the page /about.html

Link to comment
Share on other sites
NikMac Newbie

NikMac

Posted
  • Author
Posted
what is the address? www.heathershelpinghands (dot) ca/images/margaret.jpg = www.heathershelpinghands.ca/images/margaret.jpg or what? this goes nowhere
That is the correct address, yes. You mean you get a 404 error or something? It loads fine for me... What about the actual website, www.heathershelpinghands.ca/about.html ? You should see a page beginning with a testimonial:
I don't know what I would have done without Heather's care after my surgery...
If you see something else at that website please describe it - now I'm really confused.
Link to comment
Share on other sites
NikMac Newbie

NikMac

Posted
  • Author
Posted
Trying to view the page:www.heathershelpinghands.ca/about.htmlI get an error in Firefox that says the server cannot be found.Are you sure you've uploaded the site to your host?
I copied and pasted that URL into my web browsers (Safari and Firefox) and the page loaded, no problem. I emptied my browser cache and it still loads correctly. Has anyone seen something like this before? I don't think it is a propagation issue - the website has been online since Sunday evening Pacific time and my client was able to load the website too.And yes, I'm sure everything with the host is set up correctly - I am hosting it through my own service (see signature).
Link to comment
Share on other sites
NikMac Newbie

NikMac

Posted
  • Author
Posted

Well, this is strange, I don't know why some people are seeing it and some aren't. While I work on that, if it helps, here is the code for the page in question:

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>Greater Vancouver Senior Care - Heather's Helping Hands</title><meta name="copyright" content="Heather Sharpe" /><meta name="description" content="Heather's Helping Hands:Greater Vancouver senior care; Langley senior care. Personal assistance for seniors living alone." /><link rel="stylesheet" type="text/css" href="styles/hhhstyle.css" /></head><body><div id="container">	<div id="banner">	<img alt="Heathers Helping Hands" src="images/logo.png" width="544" height="80" />	</div>	<div id="topmenu">		<ul>			<li><a href="index.html" title="Homepage">Home</a></li>			<li><a href="about.html" title="About Us">About</a></li>			<li><a href="services.html" title="Services Offered and Rates">Services</a></li>			<li><a href="contact.html" title="Contact Us">Contact</a></li>		</ul>	</div><div id="content" class="cushycms">	<div class="header">	<h1>About Heather's Helping Hands</h1><img class="imglft" style="margin-bottom:5px;" src="images/margaret.jpg" alt="Margatet McGillivray" />	<p class="testimonial">I don't know what I would have done without Heather's care after my surgery. She drove me to visit my husband, who is in a care facility. She took me to two specialists in Vancouver and made notes for me. She has taken me on numerous errands, shopping, getting my hair done and getting BCAA travel insurance.	<br />I would definitely recommend Heather as she is so caring, competent and trustworthy.</p>	<p class="italics alignright" style="padding:10px;">Sincerely<br />Margaret McGillivray<br /><br /></p>		</div>	<div style="clear:both;"></div>	<img class="imgrgt" src="images/heather.jpg" alt="Heather Sharpe" />	<p style="text-indent:30pt;">With 30 years experience at Royal Bank, Heather is known for her caring, efficient and nurturing customer care.  Heather has frequently been of assistance to senior aged clients and friends alike. She realizes the value they put on her personal support and how her efforts make a difference to them. Heather relocated from Kelowna to the Langley area in Vancouver's lower mainland to be close to family. It was timely to undertake a new career and with that, Heather's Helping Hands came into existence.</p>	<p style="text-indent:30pt;">Heather's goal is to support seniors so they can live with dignity and independence. Heather will help with a variety of tasks in the home and out in the community. By doing this, she expects to give her clients a more active and enjoyable life style. She will meet with you at your home or living facility.</p>	<p>This could include help in the home, a friendly visitor or assistance getting out into the community. </p>	<p class="center bold"><a href="downloads/heather_brochure.pdf" title="Our Brochure">Download PDF Brochure</a></p>			<div id="footer" class="cushycms">					<p>Contact Heather Sharpe at 604.916.2643 | <a href="mailto:heather@heathershelpinghands.ca" title="Email Heather">heather@heathershelpinghands.ca</a> </p>					<p>© Copyright 2010 Heather's Helping Hands</p>			</div></div></div></body></html>

The line "<h1>About Heather's Helping Hands</h1><img class="imglft" style="margin-bottom:5px;" src="images/margaret.jpg" alt="Margatet McGillivray" />" appears correct - but for some reason that image will not display in IE7. Here is the CSS:

body {	font-family: Tahoma, Helvetica, Arial, sans-serif;	margin: 0;	padding: 0;	background-color: #D7B7B7; /*dk mauve*/	color: #000000;	background-image: url('../images/bg.jpg');	background-repeat: repeat-x;	min-width:700px;}a:link {	font-weight: bold;	color: #004145;	background: transparent;	text-decoration: underline;}a:visited {	font-weight: bold;	color: #000000;	background: transparent;	padding: 0px;	text-decoration: underline;}a:hover {	font-weight: bold;	text-decoration : none;	background: #C47B7B;	color: #ffffff;}a:active {	font-weight: bold;	text-decoration : underline;	background: #BFDFE2;	color: #000000;}h1, h2, h3, h4 {color:#573737; background-color:inherit;}h1 {font-size:2.2em; background:#F9E3E3; margin-top:5px; text-align:center;}h2 {font-size:1.5em;text-align:center;}h3 {font-size:.9em;}h4 {font-size: .9em;}#content ul li {font-size:14pt;margin: 2px; padding: 2px;}#content li li {padding: 2px 0;}lable {	border:none;	border-collapse:collapse;	border-spacing:0;	overflow:hidden;}caption, th, td {text-align: left;vertical-align:top;}.alignleft {text-align:left;}.alignright {text-align:right;}.center {text-align:center;}.centerimg {margin-left:200px!important;;}.clear {clear:both;padding:0;margin:0;line-height:0;}.floatleft {float:left;}.floatright {float:right;}.hidden {display:none;}.inline {display:inline;}.large {font-size:20px;font-weight:bold;}.light {color:#999;}.imgrgt {float:right; padding:7px;}.imglft {float: left; padding:7px;}.bold {font-weight:bold;}.italics {font-style:italic;}.smtxt {font-size: small;}#container {	/* margins auto center the container on the page */	margin: 10px auto;	padding: 30px;	background-color: #ffffff;	width: 80%;}#banner {	background-position: right center;	padding: 10px;	background-color: #2B561C;	background-image: url('../images/header.jpg');	height: 150px;	background-repeat: no-repeat;	color: #000000;}#banner img {padding:35px 0;}#content {	margin-left: 20px;	padding: 5px;	text-align: left;	vertical-align: top;}#content h1 {margin-top:5px;}#content .header {background-color:#F9E3E3;}#content .testimonial {font-style:italic;margin:10px;}#content img {border:5px solid #D7B7B7;margin:5px;padding:0;}#footer {	border-top: 2px solid #AD6D6D;	clear: both;	padding: 5px;	background-color: rgb(255, 255, 255);	text-align: center;}#footer p {	margin-top: 0px;	margin-bottom: 0px;}#topmenu {	background-color: #FFFFFF;	text-align: center;	font-size: .90em;	padding-top: 5px;	padding-bottom: 5px;	margin-top: 5px;	margin-bottom: 5px;	margin-right: 10px;	color: inherit;	border-bottom: 2px solid #AD6D6D;}#topmenu ul {	margin: 0;	padding: 0;	list-style-type: none;}#topmenu li {	display: inline;	list-style-type: none;	padding: 0px;	padding-right: 1em;}#topmenu li a {padding: 3px 10px;}label {cursor:pointer;}fieldset {border:0;}input,label,select,textarea {line-height:1.2;vertical-align:baseline;font-size:inherit;font-family:inherit;}input[type="radio"], input[type="checkbox"] {position:relative;top:1.5px;}input[type="text"],textarea {padding:.2em;}textarea {overflow:auto;}hr {	width: 50%;	text-align: center;	background-color: #542331;	height: 5px;}

Sorry it's so large, but I didn't want to leave something out. Does anyone notice anything that IE7 may be having trouble with? Also, please keep me updated regarding the page not displaying... I'm assuming that refreshing the window doesn't work either? :) Thank you.

Link to comment
Share on other sites
HTML5 Newbie

HTML5

Posted
Posted 
<?xml version="1.0" encoding="UTF-8"?>

Would that be the problem?I know when I added a comment above the doctype it messed my navigational menu in IE

Link to comment
Share on other sites
NikMac Newbie

NikMac

Posted
  • Author
Posted 
<?xml version="1.0" encoding="UTF-8"?>

Would that be the problem?I know when I added a comment above the doctype it messed my navigational menu in IE

I tried removing that line, and no, nothing changed :)
Some might be trying to click that broken link of yours up there. :)
Haha, thanks, I never even noticed that... for future reference the full url is www.heathershelpinghands.ca/about.html
Link to comment
Share on other sites
dink Member

dink

Posted
Posted

I don't get the site either.FFOops! This link appears broken.DNS error occurred. Server cannot be found.IE7Internet Explorer cannot display the webpagedid a google search and it turned up nothing for the url.dink

Link to comment
Share on other sites
NikMac Newbie

NikMac

Posted
  • Author
Posted
I don't get the site either.FFOops! This link appears broken.DNS error occurred. Server cannot be found.IE7Internet Explorer cannot display the webpagedid a google search and it turned up nothing for the url.dink
Hmm, just now, I also got a "sever not responding" message... then I clicked my browser's (safari) "refresh button" and it loaded. Does anyone have any idea what is going on now? The client, who lives nearby, has not encountered this issue.
Link to comment
Share on other sites
HTML5 Newbie

HTML5

Posted
Posted

I'm just throwing out a bunch of ideas not sure if they will work since I don't have IE7 and am pretty new to XHTML and CSSinstead of

<img alt="Heathers Helping Hands" src="images/logo.png" width="544" height="80" />

try 

<img src="images/logo.png" alt="Heathers Helping Hands" width="544" height="80" />

and I thought 

src="images/logo.png"

was supposed to be: 

src="images\logo.png"

Maybe try it as:

<img src="images\logo.png" alt="Heathers Helping Hands"  width="544" height="80" />

Link to comment
Share on other sites
dink Member

dink

Posted
Posted

Is this a new domain? Have you recently changed servers? My hosting can take up to 48hours for a new domain or server changes. During that time the actual url is not visible.Just food for thought. I tried refreshing and nothing.Maybe the server is down?dink

Link to comment
Share on other sites
NikMac Newbie

NikMac

Posted
  • Author
Posted
I'm just throwing out a bunch of ideas not sure if they will work since I don't have IE7 and am pretty new to XHTML and CSSinstead of
<img alt="Heathers Helping Hands" src="images/logo.png" width="544" height="80" />

try 

<img src="images/logo.png" alt="Heathers Helping Hands" width="544" height="80" />

Unfortunately for me, setting "src" as the first attribute apparently makes no difference. By the way, the image that I am having troubles with is /images/margaret.jpg
Is this a new domain? Have you recently changed servers? My hosting can take up to 48hours for a new domain or server changes. During that time the actual url is not visible.Just food for thought. I tried refreshing and nothing.Maybe the server is down?dink
I am aware of this DNS propagation period - the domain name is several months old, and the servers were changed over 80 hours ago. As I own the server (see my web hosting link in signature - that website is also hosted on the same server) I can verify it is not "down." The puzzling thing here is that me, my client, and several friends can load the website without a problem. Also, the website I use to check how pages appear in IE (http://ipinfo.info/netrenderer/ - a really helpful tool) is able to find the page and render an image of it...
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...