Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Align whole table at the bottom of page

Tags:

html

css

I use the following coding to align the table at the bottom but it can't working

<!DOCTYPE html>
  <html>
    <head>
      <title></title>
    </head>

    <body bgcolor="black">
      <div class="footer">
        <table border="1" bottom="0px">
          <tr>
            <td width="600px" align="right">
              <input type="image"  align="center" id="verify1" src="proceed1.png" disabled="disabled"  width="90" height="90""/>
            </td>
            <td width="500px" align="right">
              <label id = "l2"  style = "color:white;font:normal 20px chalkdust;">NEXT QUESTION</label>
              <div id="sample4" style="float: right;">
            </td>
            <td>
              <input type="image" id="next" src="arrow.png"  disabled="disabled" name="image2" width="80" height="80">
            </td>
          </tr>
        </table>
      </div>
  </body>
</html>

Anyone help this to align at the bottom of page.

like image 694
Dineshkani Avatar asked Oct 24 '25 02:10

Dineshkani


1 Answers

Use the bottom alignment in CSS. This will align the div only and not the table. Your table will align because it is within the div.

position: absolute;
bottom:0px;
like image 114
Dineshkani Avatar answered Oct 25 '25 17:10

Dineshkani



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!