Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2009-06-18 18:16:25
- stanw007
- Member
- Registered: 2009-06-18
- Posts: 12
Firefox displays image without problem , IE does not
http://www.gallerymishu.com/a351
Thank you for your help in advance !!!
————————————————————————————
just in case I’m pasting source code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gallery Mishu: A3727</title>
<link rel="alternate" type="application/atom+xml" title="Atom Feed" href="http://www.gallerymishu.com/atom/?section=fine-arts" />
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="http://www.gallerymishu.com/rss/?section=fine-arts" />
<link rel="stylesheet" type="text/css" media="screen" href="http://www.gallerymishu.com/textpattern/css.php?s=fine-arts" />
</head>
<body class="fine-arts">
<div id="container">
<!-- homepage link -->
<a id="home" title="Gallery Mishu" alt="Gallery Mishu" href="/"><span>Gallery Mishu</span></a>
<!-- navigation -->
<div id="navigation">
<ul>
<li id="nav2"><a href="/fine-arts">FINE ARTS</a> »</li>
<li id="nav4"><a href="/fashion">FASHION</a> »</li>
<li id="nav3"><a href="/photography">PHOTOGRAPHY</a> »</li>
<li id="nav1"><a href="/about">ABOUT</a> »</li>
</ul>
</div>
<div id="content">
<div class="imgcolumn">
<a href="fine-arts"<img src="http://www.gallerymishu.com/images/164.jpg" width="443" height="370" alt="" /></a>
</div>
<div class="imgarticle">
<h1>A3727</h1>
<p>I. M. Hamaker, Oil on canvas, 50 × 60 cm, 2009</p>
</div>
</div>
<!-- breadcrumb -->
<div id="breadcrumb">
YOU ARE HERE:
<a href="http://www.gallerymishu.com/" class="noline">GALLERY MISHU</a> » <a href="http://www.gallerymishu.com/fine-arts/" class="noline">fine-arts</a> » A3727
<p>CONTACT: gallerymishu(at)gmail.com</p>
</div>
<!-- footer -->
<div id="footer">
<a href="/terms">TERMS OF USE</a><br />
<a href="/restrictions">RESTRICTIONS ON USE OF MATERIALS</a><br />
<p>GALLERY MISHU © 2009</p>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6748388-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
(edit: added bc..
for better code display. -Els)
Last edited by els (2009-06-18 21:45:41)
Offline
#2 2009-06-18 20:00:07
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,306
Re: Firefox displays image without problem , IE does not
Line 34, the a tag around the image isn’t closed.
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
#3 2009-06-18 23:55:18
- stanw007
- Member
- Registered: 2009-06-18
- Posts: 12
Re: Firefox displays image without problem , IE does not
I just did comparison of the “View Page Source” generated by IE and Firefox (using WinMerge) – both are identical; no missing tag’s
Offline
#4 2009-06-19 00:04:28
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,306
Re: Firefox displays image without problem , IE does not
Fails:
<a href="fine-arts"<img src="http://www.gallerymishu.com/images/164.jpg" width="443" height="370" alt="" /></a>
Works:
<a href="fine-arts"><img src="http://www.gallerymishu.com/images/164.jpg" width="443" height="370" alt="" /></a>
Try it.
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
#5 2009-06-19 00:58:20
- stanw007
- Member
- Registered: 2009-06-18
- Posts: 12
Re: Firefox displays image without problem , IE does not
Did I mention I’m newbie in the PHP world ?
and the page was given to me by somebody else to ‘check it out’..
Here is the the Page Template Code, If you can tell me why this code is generating line 34 without the tag..
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<title><txp:page_title /></title>
<txp:feed_link flavor=“atom” format=“link” label=“Atom” />
<txp:feed_link flavor=“rss” format=“link” label=“RSS” />
<txp:css format=“link” />
</head>
<body class=”<txp:section />”>
<div id=“container”>
<!— homepage link —>
<a id=“home” title=“Gallery Mishu” alt=“Gallery Mishu” href=”/”><span>Gallery Mishu</span></a>
<!— navigation —>
<div id=“navigation”>
<ul>
<li id=“nav2”><a href=”/fine-arts”>FINE ARTS</a> »</li>
<li id=“nav4”><a href=”/fashion”>FASHION</a> »</li>
<li id=“nav3”><a href=”/photography”>PHOTOGRAPHY</a> »</li>
<li id=“nav1”><a href=”/about”>ABOUT</a> »</li>
</ul>
</div>
<div id=“content”>
<txp:if_section name=“default”>
<txp:article limit=“21” form=“homepage” status=“4” />
</txp:if_section>
<txp:if_section name=“fashion,fine-arts,photography,sculpture”>
<txp:if_individual_article>
<txp:article limit=“21” form=“imgearticle” status=“4” />
<txp:else />
<txp:article limit=“21” form=“homepage” status=“4” />
<div id=“older-links”>
<txp:older><txp:text item=“Next” /></txp:older>
</div>
<div id=“newer-links”>
<txp:newer><txp:text item=“Back” /></txp:newer>
</div>
</txp:if_individual_article>
</txp:if_section>
<txp:if_section name=“about,terms,restrictions”>
<div class=“padding”>
<txp:article limit=“1” searchall=“0” status=“4” />
</div>
</txp:if_section>
</div>
<!— breadcrumb —>
<div id=“breadcrumb”>
YOU ARE HERE:
<txp:if_section name=”“>
<a href=“http://www.gallerymishu.com”>HOME </a>
<txp:else />
<txp:breadcrumb title=“1” label=“GALLERY MISHU” wraptag=”“ /><txp:if_individual_article> » <txp:title /></txp:if_individual_article>
</txp:if_section>
<p>CONTACT: gallerymishu@gmail.com</p>
</div>
<!— footer —>
<div id=“footer”>
<a href=”/terms”>TERMS OF USE</a><br />
<a href=”/restrictions”>RESTRICTIONS ON USE OF MATERIALS</a><br />
<p>GALLERY MISHU © 2009</p>
</div>
</div>
<script type=“text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=‘text/javascript’%3E%3C/script%3E”));
</script>
<script type=“text/javascript”>
try {
var pageTracker = _gat._getTracker(“UA-6748388-1”);
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Offline
Re: Firefox displays image without problem , IE does not
A tag trace makes it easier for others to diagnose your problems. From what you have posted, I’d start by going to Presentation->Forms and looking at the article form named “homepage”. If it’s not there, try the article form named “imgearticle”.
Code is topiary
Offline
#7 2009-06-19 01:09:29
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,306
Re: Firefox displays image without problem , IE does not
Are you sure this is taken from the correct page? I can’t find “imgcolumn”.
BTW if you post chunks of code put a bc..
at the beginning of it (note the blank after the last dot), this way it’s displayed in a monospaced font. That’s muuch easier to read. Plus: one can see whether you used the correct kind of apostrophes which can cause errors as well.
Last edited by uli (2009-06-19 01:10:36)
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
#8 2009-06-19 01:19:41
- stanw007
- Member
- Registered: 2009-06-18
- Posts: 12
Re: Firefox displays image without problem , IE does not
both look ok .. maybe …
“homepage”
<txp:permlink><txp:article_image thumbnail=“1” /></txp:permlink>
“imgearticle”
<div class=“imgcolumn”>
<a href=”<txp:section />”<txp:article_image thumbnail=“0” /></a>
</div>
<div class=“imgarticle”>
<h1><txp:title /></h1>
<txp:body />
</div>
Offline
Re: Firefox displays image without problem , IE does not
Yup, there it is:
<a href="<txp:section />"<txp:article_image thumbnail="0" /></a>
should be
<a href="<txp:section />"><txp:article_image thumbnail="0" /></a>
Edit: Not to mention, you should probably add some slashes to the href
, as in:
<a href="/<txp:section />/"><txp:article_image thumbnail="0" /></a>
And you can get rid of thumbnail="0"
, because thumbnail
has a default value of 0
.
<a href="/<txp:section />/"><txp:article_image /></a>
Cleaner still, hence easier to catch things like missing > characters:
<txp:section><txp:article_image /></txp:section>
That will produce the same output. Better, actually, because it will automatically adapt to your URL mode preferences.
Last edited by jsoo (2009-06-19 11:23:59)
Code is topiary
Offline
#10 2009-06-19 12:50:48
- stanw007
- Member
- Registered: 2009-06-18
- Posts: 12
Re: Firefox displays image without problem , IE does not
Thank YOU so much guys !!!!
works perfectly now !!!
Offline