if you validate your site using the W3c validator:
http://validator.w3.org/check?uri=http://www.leehane.ca/weblog/
It explains whats wrong with the image in your header in the first cpl lines.
For starters, you didnt enclose the path to the image in complete quotes:
<img class="center" src=images/headmast1.jpg/>
AND
you’ve placed the self-closing tag in the wrong “place”
it ought to look like this:
<img class="center" src="images/headmast1.jpg" />
HI Whooami,
thank you but I tried it and the X is still there. I will look at the validator and see if I can see something else..
Something that may be confusing ie in the middle of your headerblock style definition you have another style definition: img.center {display: block; margin-left: auto; margin-right: auto } right above the z index call. Probably shouldn’t be there.
Incertus..thanks but I did what you suggested to no avail. It shows fine in Firefox, just IE that it keeps showing..sigh…
Just discovered that viewed in Opera, there is the word “image” where the red “x” shows in IE. I have looked over the code to see if there is an unclosed tag. I am wondering if this code is doing it.
<div id=”headerblock”>
<h1 id=”header”><img class=”center” src=”images/headmast1.jpg” /></h1>
</div> <!– headerblock –>
I think I just figured it out..I removed this line from the above code..
<h1 id=”header”><img class=”center” src=”images/headmast1.jpg” /></h1>
even though it says not to remove lines below..anyway, the word image is gone from the opera browser..haven’t tried IE yet. If anyone notices something wrong please tell me..I’d appreciate some people checking on it..