Make sure large images fit in viewable space

git-svn-id: https://svn.code.sf.net/p/squirrelmail/code/trunk/squirrelmail@14907 7612ce4b-ef26-0410-bec9-ea0150e637f0

diff --git a/templates/default/css/default.css b/templates/default/css/default.css
index fe1c4ba217f54808e018eb1e2ce856d9ba0ec696..5ed778cd3b7aae582fde7e9d1f6fc2f788978703 100644 (file)
--- a/templates/default/css/default.css
+++ b/templates/default/css/default.css
@@ -1018,7 +1018,7 @@ div.readInlineImages {
 }
 
 div.readInlineImages table {
-    width: 50%;
+    /* width: 50%; */
     margin-top:8px;
     margin-bottom:8px;
     margin-left: auto;
@@ -1042,6 +1042,15 @@ div.readInlineImages td.image {
     padding:10px;
 }
 
+div.readInlineImages td img {
+    width:100%;
+}
+
+table.imageWrapper {
+    margin-top:0 !important;
+    margin-bottom:0 !important;
+}
+
 div.viewHeader table.table1 {
     width: 100%;
 }

diff --git a/templates/default/read_display_images_inline.tpl b/templates/default/read_display_images_inline.tpl
index 23bd440e7acb1f9402bc0a98da2f22338d0a43e6..1c791a78fb8ea73f6f1ae31c30ed6829cee21cd8 100644 (file)
--- a/templates/default/read_display_images_inline.tpl
+++ b/templates/default/read_display_images_inline.tpl
@@ -50,11 +50,16 @@ if (count($images) == 0) {
         }
       ?>
      </td>
-     <td>&nbsp;</td>
     </tr>
     <tr>
-     <td colspan="2" class="image">
-      <img src="<?php echo $img['DisplayURL']; ?>" />
+     <td class="image">
+      <table cellpadding="0" cellspacing="0" class="imageWrapper">
+       <tr>
+        <td>
+         <img src="<?php echo $img['DisplayURL']; ?>" />
+        </td>
+       </tr>
+      </table>
      </td>
     </tr>
    </table>
@@ -64,4 +69,4 @@ if (count($images) == 0) {
   }
  ?>
 </table>
-</div>
\ No newline at end of file
+</div>