View Single Post
Old 03-29-2012, 05:19 AM   #1
soparch
Enthusiast
soparch began at the beginning.
 
Posts: 28
Karma: 10
Join Date: Jun 2010
Device: none
Image height in div

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>


Thanks in advance
Soparch
soparch is offline   Reply With Quote