Could someone please look at http://www.roguephoto.com and tell me why the images in the posts do not display in IE6? They are using the img align="right" in the tag and are placed before the <p> of the words around it. Using a table does nothing different. Only enclosing it in it's own <p></p> or <br> makes it show in IE6 but I want the text to wrap around the image.
If anyone is willing to help, let me know if you want screen shots or the css file (can be found in the page code).
Thanks!
Need guru review - image not displaying in IE6, fine Opera
Make a backup just in case.
ok in your CSS change to this
.wp-photo_thumbnail { border: 1px solid; margin: 5px; float: right; }
also add this
.clearall{clear: both;}
In the body get rid of the ALign right in the image.
add this directly after the ending of the StoyContent div
<div class="clearall"></div>
Did that help?
Regards
Day
Need guru review - image not displaying in IE6, fine Opera
Thanks for the code Daybreak,
It made the layout nicer in IE, but still no display of the jpg.
I'm really new to CSS and the website is a template design, not my work. I've only changed colors and formating a bit. All the sub CSS action is confusing to me right now. I thought perhaps there was an "imbedding issue" with the DIV tags, or an IE CSS bug?
-Still clueless
I plan on hanging around and learning this stuff, but a quick fix would be nice if anyone can suggest one.
Need guru review - image not displaying in IE6, fine Opera
hmmm can't see anything
In you css you have values for you 'a' tags. One of them is background-color: transparent; I can't see any reason you are using this, so try removing them from all of the 'a' tags.
The reaon I would try this -
It seems that you background colour is on top of your image OR your image is transparent. As I could not find any colour'ed divs placed over the image.
some others -
1) <ul class="post-categories"> I can't find the "post-categories" class
2) <div class="clearall"></div> - is working but should be placed at the bottom after the image and text (bottom of storycontent div but still inside).
3) Be careful of your ID's and CLASSES
Although both ID and class work similar, ID is supposed to be unique in each page. Normally used so scripts can identify a certain box.
Class on the other hand can be used more than once.
Regards
Day
Need guru review - image not displaying in IE6, fine Opera
Hi Jim Linch,
Run the site through a validator and fix the errors http://validator.w3.org/check?verbose=1&uri=http%3A//www.roguephoto.com/
It may juat solve your problem.
Hope that helps
Need guru review - image not displaying in IE6, fine Opera
Hi Jim Linch,
Run the site through a validator and fix the errors http://validator.w3.org/check?verbose=1&uri=http%3A//www.roguephoto.com/
It may juat solve your problem.
Hope that helps
Thanks for the validator. I knew the code was not squeaky clean, but I made it pass for now by using a static page called http://www.roguephoto.com/validate.php and the results are 100% from the validator but the images still do not display. Since it's only a problem on the front page where the "wp-photo_thumbnail" style is used, I'm thinking there is a problem with that, but see nothing wrong.
It's definately the "float:right". Anything else and the image displays fine. This has got to be an IE issue doesn't it?
Need guru review - image not displaying in IE6, fine Opera
Hi Jim Linch,
Add position:relative; to the "wp-photo_thumbnail" class.
It fixes a float problem in IE.
Hope that helps
Need guru review - image not displaying in IE6, fine Opera
Thanks Tony,
That last bit did the trick. I was editing my post when you stated the bug.
Thanks everyone for the help. Now that the site works in IE, I can work on cleaning up code and learning CSS a little better.