13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

Help with HTML to create table

by Kim Phoenix
11 replies
  • WEB DESIGN
    • |
Hi,
HTML is not my forte! I am trying to create a table 2 cells wide (4 cells altogether), with each cell being 100 pixels high, and both cells to be EQUAL in width (50%). It's not going so well though!

Here's the HTML I have used so far (I know that I'm missing the information to make the cells the correct height and equal in size, but I haven't been able to figure out how to do it). I have attached a screenshot of what this looks like currently:

<center>
<p><span style="color:#800080;"><strong><span style="font-size: 30px;">PLR Articles</span></strong></span></p>
</center>
<center>

<table border="1">

<tr>
<td>


<center>
<p><strong><span style="font-size:20px;"><a href="http://www.buy-plr-products.com/plr-packs/fitness-plr-pack">Fitness PLR</a></span></strong></p>
</center>

<center> <a href="http://www.buy-plr-products.com/plr-packs/fitness-plr-pack"><img src="http://www.buy-plr-products.com/wp-content/uploads/2012/06/cart_button_2.gif"></a></center>

<center> <p><strong><span style="font-size:14px;">$10</span></strong></p></center>

</td>

<td><center><p><strong><span style="font-size:20px;"><a href="http://www.buy-plr-products.com/plr-packs/weight-management-plr">Weight Management PLR</a></span></strong></p></center>
<center><strong><span style="font-size:14px;">$10</span></strong></center>
</td>
</tr>

<tr>
<td>Weight Management PLR</td>
<td>Fitness PLR</td>
</tr>

</table>

Note: I have been trying to add the following somewhere

<td width=50%>
<td height=100>
but I can't figure out where as I can't get it to work.

Thanks for taking a look!
#create #html #table
  • Profile picture of the author palme

    <p align="center"><span style="color:#800080;font-size: 30px;"><strong>PLR Articles</strong></span></p>

    <table>
    <tr><td width="50%" style="height:100px;">1</td><td width="50%" style="height:100px;">2</td><tr>
    <tr><td width="50%" style="height:100px;">3</td><td width="50%" style="height:100px;">4</td><tr>
    </table>
    you can change numbers 1,2,3,4, with what you want.
    {{ DiscussionBoard.errors[6448130].message }}
  • Profile picture of the author SirKonstantine
    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    table{
    width:300px;
    }
    td{
    height:100px;
    width:auto;
    }
    </style>
    </head>
    <body>
    <table border="1">
    <tr><td>adsf</td><td>adsf</td></tr>
    <tr><td>adsf</td><td>adsf</td></tr>
    </table>
    </body>
    </html>
    border="1" flag is optional.

    I didn't use HTML attributes but used CSS to style the table (it conforms to web standards better this way). Fix the width of the table to whatever you want if you do not like 300px, the cells will automatically even themselves out.
    {{ DiscussionBoard.errors[6448135].message }}
  • Profile picture of the author outwest
    just download Kompozer or any good html editor
    it writes the code for you

    why write your own code by hand
    Signature
    Tech article writing .Native English Speaker(with Proof)
    specializing in SmartPhones , Internet security, high tech gadgets, search engines, tech shows, digital cameras.
    {{ DiscussionBoard.errors[6452714].message }}
    • Profile picture of the author SirKonstantine
      Originally Posted by outwest View Post

      just download Kompozer or any good html editor
      it writes the code for you

      why write your own code by hand
      Cuz you can do cooler stuff if you write it by hand.

      Its like driving manual vs automatic.
      {{ DiscussionBoard.errors[6454208].message }}
      • Profile picture of the author outwest
        Originally Posted by SirKonstantine View Post

        Cuz you can do cooler stuff if you write it by hand.

        Its like driving manual vs automatic.
        Obviiously the op is not good at hand writing code, thats why I suggested this

        if you are a super coder fine, you can do anything
        Signature
        Tech article writing .Native English Speaker(with Proof)
        specializing in SmartPhones , Internet security, high tech gadgets, search engines, tech shows, digital cameras.
        {{ DiscussionBoard.errors[6456659].message }}
  • Profile picture of the author venicekyles
    Easy way is to create tables or HTML code using Dreamweaver CS 5. Go to insert table with desired width and click on design at the top. Split table into required number of sub tables. i.e, using colspan and rowspan.
    {{ DiscussionBoard.errors[6470056].message }}
  • Profile picture of the author copilu0
    Hi Kim!
    Here is the right code based on the code writed by you.The problem is that you didn't specify a WIDTH for the table so even if you put the WIDTH of a TD the browser doesn't know what that WIDTH should be (should be 100px,should 200...he doesn't know).First you need to put the main element width and then the others.Hope it helps!

    <center>
    <p><span style="color:#800080;"><strong><span style="font-size: 30px;">PLR Articles</span></strong></span></p>
    </center>
    <center>

    <table border="1" style="width:100%;">

    <tr>
    <td style="width:50%;">


    <center>
    <p><strong><span style="font-size:20px;"><a href="http://www.buy-plr-products.com/plr-packs/fitness-plr-pack">Fitness PLR</a></span></strong></p>
    </center>

    <center> <a href="http://www.buy-plr-products.com/plr-packs/fitness-plr-pack"><img src="http://www.buy-plr-products.com/wp-content/uploads/2012/06/cart_button_2.gif"></a></center>

    <center> <p><strong><span style="font-size:14px;">$10</span></strong></p></center>

    </td>

    <td style="width:50%;"><center><p><strong><span style="font-size:20px;"><a href="http://www.buy-plr-products.com/plr-packs/weight-management-plr">Weight Management PLR</a></span></strong></p></center>
    <center><strong><span style="font-size:14px;">$10</span></strong></center>
    </td>
    </tr>

    <tr>
    <td>Weight Management PLR</td>
    <td>Fitness PLR</td>
    </tr>

    </table>
    Signature
    Snow Blower Garage
    Electric Toothbrush Reviews
    {{ DiscussionBoard.errors[6470327].message }}
  • Profile picture of the author kaja292
    i hav changed some try with this



    <center>
    <p><span style="color:#800080;"><strong><span style="font-size: 30px;">PLR Articles</span></strong></span></p>
    </center>
    <center>

    <table border="1">

    <tr>
    <    td width=50%>
    <td height=100 >


    <center>
    <p><strong><span style="font-size:20px;"><a href="http://www.buy-plr-products.com/plr-packs/fitness-plr-pack">Fitness PLR</a></span></strong></p>
    </center>

    <center> <a href="http://www.buy-plr-products.com/plr-packs/fitness-plr-pack"><img src="http://www.buy-plr-products.com/wp-content/uploads/2012/06/cart_button_2.gif"></a></center>

    <center> <p><strong><span style="font-size:14px;">$10</span></strong></p></center>

    </td>

    <td><center><p><strong><span style="font-size:20px;"><a href="http://www.buy-plr-products.com/plr-packs/weight-management-plr">Weight Management PLR</a></span></strong></p></center>
    <center><strong><span style="font-size:14px;">$10</span></strong></center>
    </td>
    </tr>

    <tr>
    <td>Weight Management PLR</td>
    <td>Fitness PLR</td>
    </tr>

    </table>
    Signature
    Get Windows 2003,Windows 2008 RDP - RDPbuy.com
    {{ DiscussionBoard.errors[6471591].message }}
  • Profile picture of the author jasonchanning
    It's easier to use frontpage, expression, or dreamweaver to make tables. They script it for you. But you should go into the source mode to fix things up back and forth though.
    {{ DiscussionBoard.errors[6480466].message }}
  • Profile picture of the author BHeard
    Learning to write your own code minus "dream weaver" and all the other plug and play options will stand you in VERY good stead moving forward... Don't be put off.. Even if you dont use it often..
    {{ DiscussionBoard.errors[6480595].message }}

Trending Topics