www.webdeveloper.com
Results 1 to 2 of 2

Thread: Creating Tables

Hybrid View

  1. #1
    Join Date
    Oct 2010
    Posts
    25

    Creating Tables

    Hi Guys,

    It's been awhile since I've created a table..

    I'm trying to create one that looks like this:

    table.png


    My code is

    HTML Code:
    <body>
    
     	<h1><p class="header">Saturday</</h1>
    	
    	<table>
    <p class="text">
    <tr>
    <th>Network</th>
    <th>8:00 PM</th>
    <th>8:30 PM</th>
    <th>9:00 PM</th>
    <th>9:30 PM</th>
    <th>10:30 PM</th>
    <th>10:30 PM</th>
    </tr>
    <tr>
    <td>ABC</td>
    <td>The partridge family</td>
    <td colspan="3">ABC Suspense Movie</td>
    <td colspan="3">Griff</td>
    </tr>
    <tr>
    <td>CBS</td>
    <td>All in the Family</td>
    <td>M*A*S*H</td>
    <td>The Mary Tyler <br />Moore Show</td>
    <td>The Bob Newhart Show</td>
    <td colspan="3">The Carol Burnett Show</td>
    </tr>
    <td>NBC</td>
    <td colspan="2">Emergency!</td>
    <td colspan="5">NBC Saturday Night at the Movies</td>
    </tr>
    <p>
    </table>
    </body>
    </html>

    My CSS is

    HTML Code:
    table,td,th
    {
    color: white;
    background-color: gray;
    border:1px solid black;
    size: 50%;
    text-align:center;
    }
    td
    {
    but in a browser its huge! what can I do to fix this?

  2. #2
    Join Date
    Oct 2011
    Posts
    9
    simply change the font size. Try adding this to the css:


    Code:
    table {
    	font-size: 10pt;
    }
    
    th, td {
    	padding: 5px;
    }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles