www.webdeveloper.com
Results 1 to 3 of 3

Thread: Table problem

  1. #1
    Join Date
    Oct 2012
    Posts
    1

    Table problem

    Hi,

    I need some help. I don't understand why the columns of this table are not seperated :

    Code:
    <!DOCTYPE html>
    <html lang="en"><head>
    
    
    	</head>
    	<body>
    
    
    <table style='table-layout:fixed' border="0" bordercolor="" style="background-color:" width="320" cellpadding="2" cellspacing="2"><tr>
    <td width="100%" ><font size=4>#>t</font></td>
    </tr>
    <tr>
    <td width="100%" ><font size=4>#Number </font></td>
    </tr>
    <tr>
    <td width="100%" ><font size=4>#a</font></td>
    <td width="100%" ><font size=4>b</font></td>
    <td width="100%" ><font size=4>c</font></td>
    </tr>
    <tr>
    <td width="100%" ><font size=4>1</font></td>
    <td width="100%" ><font size=4>8</font></td>
    <td width="100%" ><font size=4>XXXXX</font></td>
    </tr>
    
    	
    
    </body></html>
    how to seperate columns ??

    thanx

    baxy

  2. #2
    Join Date
    Oct 2012
    Posts
    78
    You should do it within a separate CSS file here you go:

    Simply make the number in cell spacing larger:

    cellspacing="2"

    Code:
    <!DOCTYPE html>
    <html lang="en"><head>
    
    
    	</head>
    	<body>
    
    
    <table style='table-layout:fixed' border="0" cellspacing="66" bordercolor="" style="background-color:" width="320" cellpadding="2" ><tr>
    <td width="100%" ><font size=4>4444444444</font></td>
    </tr>
    <tr>
    <td width="100%" ><font size=4>444444444</font></td>
    </tr>
    <tr>
    <td width="100%" ><font size=4>44444444</font></td>
    <td width="100%" ><font size=4>444444444</font></td>
    <td width="100%" ><font size=4>444444444</font></td>
    </tr>
    <tr>
    <td width="100%" ><font size=4>44444444444</font></td>
    <td width="100%" ><font size=4>44444444444</font></td>
    <td width="100%" ><font size=4>444444444</font></td>
    </tr>
    
    	
    
    </body></html>

  3. #3
    Join Date
    Sep 2012
    Posts
    5
    As theyoker said,

    You can do that easily with a separate CSS file.

    Padding - the distance between your text/object and the border.
    Spacing (margin in CSS) - the distance between the cells.

    cellspacing="10", for example, would give you a much bigger distance between cells.

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