Diane Porter wrote:
In the page I'm working on,
http://www.aranyani.org/8-13A.html,
in Safari and Firefox, gaps appear between the banner picture and the
content below. I found a suggestion in the css-discuss archives to
style the image and mark it display: block. I did that, and the
effect is that now in IE the image disappears entirely. In the other
two browsers the gap persists.
Another problem that I suspect has the same root: in the left (blue)
column, the image that forms the heading does not fit tightly against
the top of the column.
Neither of these problems is apparent in my editor, but they both
show up in all the browsers I try.
I'm sure this is a very kindergarten question, and I apologize for
bothering you with it, but I'm stumped.
Diane Porter
Diane,
Changing the markup may resolve the problems:
<!--
<p><img src="images/trees_sky760.jpg" alt="empty" width="760"
height="131" /></p>
-->
<img src="trees_sky760.jpg" alt="" width="760" height="131" />
<!--
<h2><img src="anaturejournal.jpg" alt="A Nature Journal" width="230"
height="53" /></h2>
-->
<img src="anaturejournal.jpg" alt="A Nature Journal" width="230"
height="53" />
You did not ask about other considerations than your immediate
situation, so I did not respond accordingly..
Regards,
David Laakso
--
David Laakso
http://www.dlaakso.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
