#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2006
    Posts
    12
    Rep Power
    0

    Creating table [rows,columns]


    i would like to create a table with rows and columns to place in one of my articles just like the one below.



    if anyone can help me out ill appreciate it.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    876
    Rep Power
    275
    this isn't exactly "help" as much as it is "doing it for you", but, here you go:

    Code:
    <!-- the html --->
    	<table>
    	<tr>
    	<th>quantity</th><th>template</th><th>sizes</th><th>price</th><th>delivery</th>
    	</tr>
    	<tr>
    	<td>500</td><td>flyers</td><td>4x6</td><td>$70</td><td class="smaller">2 business days</td>
    	</tr>
    	<tr>
    	<td>1000</td><td>flyers</td><td>4x6</td><td>$80</td><td class="smaller">2 business days</td>
    	</tr>
    	<tr>
    	<td>2500</td><td>flyers</td><td>4x6</td><td>$100</td><td>next day</td>
    	</tr>
    	<tr>
    	<td>5000</td><td>flyers</td><td>4x6</td><td>$140</td><td>next day</td>
    	</tr>
    	<tr>
    	<td>2500+</td><td>flyers</td><td>4x6</td><td>next day</td><td>delivery</td>
    	</tr>
    	</table>
    
    <!-- the css -->
    table{
    background:white;color:black;
    border-collapse:collapse;margin:10px;
    text-transform:uppercase;font-size:16pt;text-align:center;}
    table th{border:2px solid black;color:#449bc6;padding:10px;}
    table td{border:1px solid #449bc6;font-weight:bold;padding:10px;}
    .smaller{font-size:10pt;}

IMN logo majestic logo threadwatch logo seochat tools logo