HTML Table - CSS-Tricks

This topic is empty.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts

October 25, 2016 at 11:44 am #247038

Participant

I’ve been having problems trying to adjust the height of the table. I tried CSS etc. and nothing is working out for me. I’ve spanned the table across which is what I want, but I need it to go down the page.

&lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;body&gt;
        &lt;table border="1"; width=100%;&gt;
           &lt;td colspan="2" align="center"&gt;Abaday Strawbear
           Productions&lt;/td&gt;
    &lt;tr&gt;
        &lt;td width="12%"&gt;Menu&lt;/td&gt;
        &lt;td rowspan="5" align="center"&gt;
             Content&lt;/br&gt;
             AboutAboutAbout&lt;br&gt;
             AboutAboutAbout&lt;br&gt;
             AboutAboutAbout&lt;br&gt;
         &lt;/td&gt;
    &lt;/tr&gt; 
    &lt;tr&gt;
        &lt;td&gt;About&lt;/td&gt;

`&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;Services&lt;/td&gt;
&lt;/tr&gt;
    &lt;td&gt;Portfolio&lt;/td&gt;
 &lt;/tr&gt;   
 &lt;tr&gt;
    &lt;td&gt;Contact Us&lt;/td&gt; 
 &lt;/tr&gt;
 &lt;tr&gt;
    &lt;td colspan="2"&gt;CopyrightCopyright&lt;/td&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

October 25, 2016 at 12:02 pm #247039

Paulie_D

Member

The height has to relate to something.

In this case, you need to set the height of the html and bodyelements to 100%.

http://codepen.io/Paulie-D/pen/BLbvOR

That said….DON’T USE TABLES FOR LAYOUT. Webpages haven’t used that method since the 1990’s.

http://learnlayout.com/

Also, the align attribute is obsolete/deprecated and should no longer be used.

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘CSS’ is closed to new topics and replies.