PDA

View Full Version : My pics won't display in IE6



jstanley01
Apr 5th, 2007, 02:50 PM
My pics won't display in IE6 on either this page (http://www.biblicalresearchjournal.org/brj-pages_html/001mm04_teachings_vpw.html) or this page (http://www.biblicalresearchjournal.org/brj-pages_html/001mm08_about_us.html). :confused: At least, not on my Win98 platform. Meanwhile, they show up fine in Firefox. Any help would be much appreciated. :D Here's the stylepage:


/* 000sw_Stylesheet.css */

/* This stylesheet applies to every page except for the Homepage,
where the CSS is embedded */

body { background-image: url(../images/000sw_gray-textured-bg.jpg);
background-attachment: fixed;
background-color: #D3D3D3;
font-size: 12pt;
font-family: Arial, Helvetica, Geneva, Sans-Regular, sans-serif;
color: black; }
#container { background-color: #D7D7D7;
position: relative;
margin: 2em 2em 2em 2em;
padding: 2em 2.5em 2em 2.5em;
border: 3px solid #1E90FF; }
a:link { color: #00008B;
text-decoration: none; }
a:visited { color: #4B0082;
text-decoration: none; }
a:active { color: #4B0082;
border: 1px dotted #00008B;
text-decoration: underline; }
a:hover { color: blue;
text-decoration: underline; }
h2 { text-align: center; color: #00008B;
font-family: Verdana, sans-serif;}
h3 { color: #00008B;
font-family: Verdana, sans-serif;}
p.teach-list { font-size: large; text-indent: 100px; }
img.rfloat { float: right; margin-left: 0.5em; margin-bottom: 0.5em;
border: 1px solid #1E90FF; }
img.lfloat { float: left; padding-left: 0.5em; }
.asterick-divider { clear: right; }
ul li { color: #00008B; }
span { color: black; }
strong { color: #00008B; }
.menu2 { font-size: .75em; font-family: Verdana, sans-serif;
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center; }
#discuss-link { font-weight: 700;
text-align: right; }
#secondary-menu { font-weight: 700; font-size: small; font-family: Verdana, sans-serif; }
#footer { background-color: #D7D7D7;
margin: -2em 2em 0 2em;
padding: 1.5em 1em 1.5em;
border-right: 3px solid #1E90FF;
border-bottom: 3px solid #1E90FF;
border-left: 3px solid #1E90FF;
text-align: center; }

Excavator
Apr 5th, 2007, 03:19 PM
Hello jstanley01,
I don't have IE6 this morning, or 98:eek: , but I can give you a couple things to try.
The first thing I'd try is changing the path of the image. Your other images are in the /images directory so I imagine this is the problem.

<img src="/images/001_jeff_in_backpack.jpg" alt="Jeff in backpack" class="rfloat"><!--I removed the .. from the path-->


You should also do this:


<h3>Editor and Publisher</h3>

<img src="../images/001_jeff_in_backpack.jpg" alt="Jeff in backpack" class="rfloat">
<p><!--move this so your image is not enclose by text formatting tags-->
Born in Tulsa, Oklahoma in 1955, an April Fool's Day baby that Paul and Nita Stanley named Jeffrey Frank, he is the second of four, with an older brother and two younger sisters. He attended Oklahoma University (1974-75), Oklahoma State University (1978-79) and Southwest Texas State University (1981-82, now Texas State), majoring in journalism without receiving anything on velum. He gained a continuing education, over the years 1973 to 1978, as a roughneck in the Oklahoma oil fields for Unit Drilling and others, and as a towboat deckhand for Sioux City and New Orleans Barge Lines on the Illinois, Missouri and Lower Mississippi Rivers. In 1979-80 he served as a WOW Ambassador in Washington, D.C. In 1983 he was graduated by the 11th Way Corps and received an Associate Degree in Practical Theology from the Way College of Biblical Research. Moving to San Antonio, Texas, from 1983 to 1992 he served as a Twig, Twig-Area and Branch Coordinator there for the Way Ministry. From 1994 to 1998 he was the editor and publisher of the hardcopy-version of the Biblical Research Journal. Still residing in the Alamo City, he "keeps body and soul together" as a window cleaning contractor. His favorite free-time activity is flying kites at the park with his granddaughter Sierrah.
</p>
</div>

You may have to adjust the margins on your float to get the picture back in the right place.

jstanley01
Apr 5th, 2007, 03:52 PM
Hey, I'm in much worse shape when it comes to my clothes and home decor, where I'm still "stuck in the 70s." What can I say? I like pastel-green leisure suits and big daisies on wallpaper. So sue me. :rolleyes:


The first thing I'd try is changing the path of the image. Your other images are in the /images directory so I imagine this is the problem. ...I removed the .. from the path-->[/COLOR]


Hmm. I don't think the problem is with my relative addresses. When I remove the periods, the images vanish altogether, the reason being that I've got two folders under my public_html folder -- one for html files and one for pdf. I could pull everything up a level, but I doubt that'll solve the problem, 'cause why would Firefox read an incorrect address any better than IE?



You should also ... move this so your image is not enclose by text formatting tags ... You may have to adjust the margins on your float to get the picture back in the right place.

Yes, thanks.

karinne
Apr 5th, 2007, 03:55 PM
My pics won't display in IE6 on either this page (http://www.biblicalresearchjournal.org/brj-pages_html/001mm04_teachings_vpw.html) or this page (http://www.biblicalresearchjournal.org/brj-pages_html/001mm08_about_us.html). :confused: At least, not on my Win98 platform. Meanwhile, they show up fine in Firefox.

Add the proper width and height attribute for each. IE6 on certain platforms can be picky with that. I've seen it ;)

jstanley01
Apr 5th, 2007, 04:06 PM
Ah-ha!

Makes sense. I was just reading a post on another thread, which said that to make troubleshooting easier for kind folks such as you, image width and height attributes should be included as a matter of course anyway.

I haven't tried it yet, but I've got five bucks that say you're right.

jstanley01
Apr 5th, 2007, 04:25 PM
Aw shucks. :( And that five-dollar bill was for the baby's milk too...

jstanley01
Apr 5th, 2007, 04:32 PM
I'm thinking that this may be, not a platform issue, but an issue with my particular box, which in a few days is going to be thrown out of a five-story building anyways; :thumbsup: reason being, when I first put the "about us" page together the pic displayed fine, then without changing a thing, it quit. Every system I've checked the pages on, the pics display fine. I'd like to see if this happens to be a Win98 issue, but I don't know if anyone west of the Sabine and north of the Bravo still runs this good-olde clunker.

_Aerospace_Eng_
Apr 5th, 2007, 04:45 PM
Its not a box issue. I wasn't able to see the images on my standalone IE6 browser. I saw the image load briefly then disappear.

Try this for your HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- 001mm04_teachings_vpw.html -->
<html>
<head>
<title>Teachings by Victor Paul Wierwille</title>
<link rel="stylesheet" type="text/css" href="000sw_stylesheet.css">
</head>
<body>
<div id="container">
<h2>Teachings by<br>
Victor Paul Wierwille</h2>
<img class="rfloat" src="../images/001_victor_paul_wierwille.jpg" alt="Dr. Victor Paul Wierwille" width="500" height="343"> The ministry of Victor Paul Wierwille (1916-1985) spanned more than 40 years. During that time he wrote numerous books, penned over four-hundred magazine and newspaper articles, instructed a wide variety of classes, taught at hundreds of fellowship meetings and ministered to thousands of God's people. Dr. Wierwille was also the founder and first president of <a href="http://www.theway.org/" target="_blank">The Way International <span style="font-size: small; color: darkblue; vertical-align: 0.2em;">&reg;</span></a>.
<p> Dr. Wierwille's <a href="001mm06_book_searches.html">books</a> (now out of print) included <cite>Power for Abundant Living</cite>, <cite>Receiving the Holy Spirit Today</cite>, <cite>The Bible Tells Me So</cite>, <cite>The New Dynamic Church</cite>, <cite>The Word's Way</cite>, <cite>God's Magnifed Word</cite>, <cite>Order My Steps in Thy Word</cite>, <cite>Are the Dead Alive Now</cite>, <cite>Jesus Christ is Not God</cite>, <cite>Jesus Christ Our Passover</cite>, <cite>Jesus Christ Our Promised Seed</cite> and <cite>Christians Should Be Prosperous</cite>. Classes he taught included the Foundational, Intermediate and Advanced classes on Power for Abundant Living, along with &quot;Corps Night&quot; classes, taught at the Way Ministry's various Way Corps training locations, researching the books of Thessalonians, Romans, Ephesians and I and II Timothy.</p>
<p>Dr. Wierwille received his undergraduate divinity degree at Mission House (Lakeland) College and Seminary. He afterward studied at the University of Chicago and at Princeton Theological Seminary, where he was awarded a Master of Theology degree in Practical Theology. He was ordained to the Christian ministry in 1941 and over the next sixteen years would pastor two churches for the Evangelical and Reformed denomination (now called the Church of Christ) in the northwestern Ohio towns of Payne and Van Wert. He later completed his doctorate under Dr. H. Ellis Lininger, a well-known homiletician, at the Pikes Peak Bible Seminary and Burton College in Manitou Springs, Colorado.</p>
<p> It was during the fourteen years he pastored in Van Wert that Dr. Wierwille began his quest, in earnest, for the keys to the more abundant life that Jesus Christ promises in <cite>John 10:10</cite>. As he pursued his own lines of Biblical research, Dr. Wierwille would study with men such as E. Stanley Jones, Glen Clark, Rufus Mosley, J.E. Stiles, B.G. Leonard, Starr Daily, Ablert Cliff, Bishop K.C., Karl Barth and George M. Lamsa. On October 3, 1942 Dr. Wierwille began an independent radio broadcast on WLOK in Lima, Ohio which after his resignation from the denomination in 1957 would become the world-wide ministry known as &quot;The Way.&quot;</p>
<h2 class="asterick-divider">***</h2>
The public-domain teachings, which are presented here in written form, Dr. Wierwille originally presented live. See the notices on the individual teachings for details.
<p> Clicking on the links below will open these PDF files in a new window. PDF files are designed for printing, rather than for reading on screen. The pages of these teachings are formatted to be printed front-and-back, with space left along the inside edge for binding. <a href="http://www.adobe.com/products/acrobat/readstep2.html" target="_blank">-Click here-</a> for the latest version of Adobe's PDF Reader.</p>
<p class="teach-list"> <a href="../brj-pages_pdf/002_1974-11_christ_formed_in_you.pdf" target="_blank">PDF - &quot;Christ Formed in You&quot; - </a><span style="font-size: small;">(presented November 24, 1974 at The Way International Headquarters)</span></p>
<p class="teach-list"> <a href="../brj-pages_pdf/002_1976-02_stones_of_witness.pdf" target="_blank">PDF - &quot;Stones of Witness&quot; - </a><span style="font-size: small;">(presented February 22, 1976 at The Way International Headquarters)</span></p>
<p class="teach-list"> <a href="../brj-pages_pdf/002_1978-07_the_red_thread.pdf" target="_blank">PDF - &quot;The Red Thread&quot; - </a><span style="font-size: small;">(presented March 12, 1978 at The Way International Headquarters)</span></p>
<h2 class="asterick-divider">***</h2>
<div class="menu2"> <a href="../index.html">BRJ Homepage</a> &middot; <a href="001mm01_feature_articles.html">Feature Articles</a> <br>
<a href="001mm02_guide_to_fos.html">A Guide to Figures of Speech Used in Scripture</a> &middot; <a href="001mm03_life_and_ministry.html">A Look at The Life and Ministry of the Apostle Paul</a> <br>
Teachings by Victor Paul Wierwille &middot; <a href="001mm05_teachings_ewb.html">Teachings by E.W. Bullinger</a> <br>
<a href="001mm06_book_searches.html">Book Searches</a> &middot; <a href="001mm07_archive.html">BRJ Archive</a> &middot; <a href="001mm08_about_us.html">About Us</a> &middot; <a href="mailto:[email protected]">Contact Us</a> &middot; <a href="http://www.paypal.com">Give</a></div>
</div>
</body>
</html>

I cleaned it up a bit. You were missing a few closing span tags and a div tag. Also if you change this

img.rfloat { float: right; margin-left: 0.5em; margin-bottom: 0.5em;
border: 1px solid #1E90FF; }
img.lfloat { float: left; padding-left: 0.5em; }
to this

img.rfloat { float: right; margin-left: 0.5em; margin-bottom: 0.5em;
border: 1px solid #1E90FF; position:relative;}
img.lfloat { float: left; padding-left: 0.5em; position:relative;}
Your images will show up. You were experiencing the IE6 Peekaboo bug. For more information read this: http://www.positioniseverything.net/explorer/peekaboo.html

jstanley01
Apr 9th, 2007, 03:46 PM
Thank you, thank you, thank you! :D