Hello,
I have a problem with an image. I have placed a vertical line image in a table with text in the cell next to it. In sigil and if you view the html the vertical line increase and decreases with the lines of text. Once I look at it in ADE though the line takes up the whole page. It seems that ADE takes the image height as 100% as per the code ignoring the <div>. How do I get it to work on ADE? do I have to do something with the div? It needs to be the height of the text in the cell next door no matter how many lines the text wraps to.
Here is the code.<div>
<table border="0" style="margin-top: 15px;">
<tr>
<td style="vertical-align: bottom; width: 10px;"><img alt="vertical line" height="100%" src="../Images/gvline.jpg" width="5" /></td>

<td style="vertical-align: top;"><i>You need not leave your room. Remain sitting at your table and listen. You need not even listen, simply wait. You need not even wait, just learn to become quiet, still, and solitary. The world will freely offer itself to you to be unmasked. It has no choice; it will roll in ecstasy at your feet.</i> <small><b>Franz Kafka</b></small></td>
</tr>
</table>
</div>

I'd suggest setting width to 100% instead of height. Height in percent is always tricky in CSS2; It might work if you give the <div> enclosing the table a fixed height, but that doesn't seem to be what you require.

100% of what?
Of the container element.
What's the container element?
A <td>.
What's the height of the <td>?
Just as much as needed to hold its content.
What's its content?
An <img>.
What's the height of the <img>?
100%?
100% of what? ...

I'd suggest setting width to 100% instead of height. Height in percent is always tricky in CSS2; It might work if you give the <div> enclosing the table a fixed height, but that doesn't seem to be what you require.

Height as a percent works perfectly. I've never had an issue using height="100%". It works perfectly in ADE and Firefox. Using hright with a percent, I've always had the image scale to the correct percent of the screen.

I have a problem with an image. I have placed a vertical line image in a table with text in the cell next to it. In sigil and if you view the html the vertical line increase and decreases with the lines of text. Once I look at it in ADE though the line takes up the whole page. It seems that ADE takes the image height as 100% as per the code ignoring the