Showing posts with label width. Show all posts
Showing posts with label width. Show all posts

10 July 2022

How to limit width of table to within screen width with html and css?

How to limit width of a wide table to within screen width with html and css?

Solution: Do the following 2 things

1. <table style='table-layout: fixed'>

2. Set width for every columns in the first row (you can leave the last column, or any one column of all)

<thead>
  <tr>
    <th style='width: 5%; >blah...</th>
    <th style='width: 10%; >blah...</th>
    <th style='width: 25%; >blah...</th>
    <th style='width: 25%; >blah...</th>
    <th>blah...</th>
  </tr>
</thead>

That is all.

26 April 2018

Can not resize video can not set width and height in Adobe Premiere

Can not resize video can not set width and height in Adobe Premiere

In 'Export Settings' -> 'Output' -> 'Crop Setting', choose 'Scale to Fit'.

Now 'Resize Video' becomes tickable.

30 June 2014

Fixed-width email or e-newsletter (example)



<table width="100%" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td bgcolor="#D98200">&nbsp;</td>
    <td bgcolor="#D98200" style="width:600px">&nbsp;</td>
    <td bgcolor="#D98200">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#D98200" style="border-bottom: solid 2px #d98200">&nbsp;</td>    <!--Without this border-bottom style, there would be a white line at the bottom of this first column, because the second column has a 2px border in colour #c17402 -->
    <td style="width:600px; border-right: outset 2px #c17402; border-bottom: outset 2px #c17402">
        <table width="600px" border="0" cellspacing="0" cellpadding="5" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px">
              <tr>
                <td>CONTENTS</td>   <!--Contents of e-newsletter is actually here-->
              </tr>
        </table></td>
    <td bgcolor="#D98200" style="border-bottom: solid 2px #d98200">&nbsp;</td>    <!--Without this border-bottom style, there would be a white line at the bottom of this third column, because the second column has a 2px border in colour #c17402 -->
  </tr>
  <tr>
    <td bgcolor="#D98200">&nbsp;</td>
    <td bgcolor="#D98200" style="width:600px">&nbsp;</td>
    <td bgcolor="#D98200">&nbsp;</td>
  </tr>
</table>