Can I give fixed length for ON and OFF buttons size?

Collapse
X
Collapse
 
  • Page of 2
  • Time
  • Show
Clear All
new posts
Previous 1 2 template Next
  • tvnaidu
    Contributor
    • Oct 2009
    • 365
    #1

    Can I give fixed length for ON and OFF buttons size?

    I have these two ON and OFF buttons html code below, based on condition I am displaying status on screen(I have mutliple lines for each LED), my row shifting when some displaying ON and some displaying OFF, because ON button is smaller than OFF (ON is 2 character and OFF is 3 character), Is there anyway I can specify for both should take fixed length?.


    <input type="button" value="ON " style="backgrou nd-color: #00cc00; color: #ffffff;" />

    <input type="button" value="OFF" style="backgrou nd-color: #cc0000; color: #ffffff;" />
    Tags: None
    • Atli
      Recognized Expert Expert
      • Nov 2006
      • 5062
      #2
      Hey.

      You could specify the CSS width int he style attribute.
      [code=html]<input type="button" value="ON" style="width: 50px";... '/>[/code]

        Comment

        • tvnaidu
          Contributor
          • Oct 2009
          • 365
          #3
          Thanks. I made width as 40px, now I have both buttons equal size, but when I do some ON and some OFF, still I can see some alignment issue, when I make all ON or OFF, then it is perfect, but when it is ON and OFF, I can see some alignment issue. May be I need to keep all of them in one box I believe. Can I post that html code here?, can some html expert help me to fix alignment?. Looklike some simple technical point I am missing. thanks in advance

            Comment

            • Atli
              Recognized Expert Expert
              • Nov 2006
              • 5062
              #4
              Sure. Post an example of your HTML - within [code] tags please -, or just a link to a live page, and we will take a look at it.

                Comment

                • tvnaidu
                  Contributor
                  • Oct 2009
                  • 365
                  #5
                  Here it is: it displays both ON and OFF on IE, but when I load on mc, based on logic, it displays only one, not both. thanks. I don't have any on-line site where I can post this and send the link, I attached whole html code. I gave this file name as statusv3.htm, its form type GET.
                  Code:
                  
<html>

<head>
<!-- <meta http-equiv="refresh" content="5"> -->
<title>Control and Status page</title>
</head>

<body>
 &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  
 <br>
</div> &nbsp;  &nbsp;  &nbsp; 


<div align="center">
	<b><font size="6"> CONTROL AND STATUS </font></b>
	<br><br><br><br><br>
</div>


<CENTER>
&nbsp;
 <strong style="color:green;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ON </strong>&nbsp;&nbsp;&nbsp;
<strong style="color:reD;.0">OFF </strong>
<strong>STATUS&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;CURRENT</strong> 

 <strong style="color:green;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ON </strong>&nbsp;&nbsp;&nbsp;
<strong style="color:reD;.0">OFF </strong> &nbsp;
<strong>STATUS &nbsp;&nbsp;&nbsp; CURRENT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong> 
 <strong style="color:green;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ON </strong>&nbsp;&nbsp;&nbsp;
<strong style="color:reD;.0">OFF </strong> &nbsp;
<strong>STATUS &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CURRENT&nbsp;</strong> 
</CENTER>

<form name="input" action="/statusv3.htm" method="get">
<div align="center">
<td> <strong>PLUG 1</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug1 value="ON1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug1 value="OF1" >
&nbsp;&nbsp;&nbsp;&nbsp;^00&0001|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~01D;.0   </td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 09</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug9 value="ON9">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug9 value="OF9" > 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0100|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~09D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 17</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug17 value="ONH">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug17 value="OFH" >
&nbsp;&nbsp;&nbsp;&nbsp;^00&010000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~17D;.0</td> 
<br> 

<td> <strong>PLUG 2</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug2 value="ON2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug2 value="OF2">
&nbsp;&nbsp;&nbsp;&nbsp;^00&0002|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~02D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 10</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug10 value="ONA">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug10 value="OFA">
&nbsp;&nbsp;&nbsp;&nbsp;^00&0200|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~10D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 18</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug18 value="ONI">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug18 value="OFI"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&020000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~18D;.0</td>
<br> 


<td> <strong>PLUG 3</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug3 value="ON3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug3 value="OF3"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0004|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~03D;.0</td> 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

<td><strong>PLUG 11</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug11 value="ONB">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug11 value="OFB"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0400|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~11D;.0</td> 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

<td><strong>PLUG 19</strong> &nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug19 value="ONJ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug19 value="OFJ"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&040000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~19D;.0</td> 
<br> 


<td> <strong>PLUG 4</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug4 value="ON4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug4 value="OF4"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0008|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~04D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 12</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug12 value="ONC">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug12 value="OFC"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0800|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~12D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 20</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug20 value="ONK">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug20 value="OFK"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&080000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~20D;.0</td>
<br> 

<td> <strong>PLUG 5</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug5 value="ON5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug5 value="OF5"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0010|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~05D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 13</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug13 value="OND">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug13 value="OFD"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&1000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~13D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 21</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug21 value="ONL">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug21 value="OFL"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&100000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~21D;.0</td>
<br> 

<td> <strong>PLUG 6</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug6 value="ON6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug6 value="OF6"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0020|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~06D;.0</td> 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 14</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug14 value="ONE">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug14 value="OFE"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&2000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~14D;.0</td> 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 22</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug22 value="ONM">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug22 value="OFM">
&nbsp;&nbsp;&nbsp;&nbsp;^00&200000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~22D;.0</td> 
<br> 

<td> <strong>PLUG 7</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug7 value="ON7">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug7 value="OF7"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0040|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~07D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 15</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug15 value="ONF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug15 value="OFF"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&4000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~15D;.0</td>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 23</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug23 value="ONN">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug23 value="OFN"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&400000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~23D;.0</td>
<br> 

<td> <strong>PLUG 8</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug8 value="ON8">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug8 value="OF8"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&0080|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~08D;.0</td> 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 16</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug16 value="ONG">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug168 value="OFG">
&nbsp;&nbsp;&nbsp;&nbsp;^00&8000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~16D;.0</td> 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<td> <strong>PLUG 24</strong>&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name=plug24 value="ONP">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name=plug24 value="OFP"> 
&nbsp;&nbsp;&nbsp;&nbsp;^00&800000|<input type="button" value="ON" style="width: 40px; background-color: #00cc00; color: #ffffff;" />|
<input type="button" value="OFF" style="width: 40px; background-color: #cc0000; color: #ffffff;" />|; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;~24D;.0</td> 
<br>
<br>

<br> 


<div align="center"> <br>
<input type="button" onclick="if (confirm('Are you sure to Submit this?')) submit();" value="Submit"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<input type ="reset" value ="Clear"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;	<input type="button" value="Refresh" onclick="window.location.reload();" />
</div>

</form>

<!--
<div align="center">
	<input type="button" value="Refresh" onclick="window.location.reload();" />
</div>
-->

<br> 
<br> 

<form name="input" action="/plug_login.htm" method="get">
<div align="center">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="button" onclick="if (confirm('Sure you want to Logout?')) submit();" value="Logout"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</div>
</form>

<tr> <CENTER>
		<td align="center" width="100%" colspan="2">
			<img border="0" src="footer.gif" width="800" height="25"></td> </CENTER>
	</tr>




&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<td> . ^00&800000|||;</td> 
<br>

</div>

<br>

</div> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; 
<tr> <CENTER>
		<td align="center" width="100%" colspan="2">

			<img border="0" src="footer.gif" width="800" height="25"></td> </CENTER>
	</tr>
</body>

</html>

                    Comment

                    • Atli
                      Recognized Expert Expert
                      • Nov 2006
                      • 5062
                      #6
                      Ok, I see.

                      It looks like you are trying to create a table, but you don't have any <table> elements, only <td> elements, and the occasional <tr> element.

                      A standard table goes like this:
                      [code=html]<!DOCTYPE html>
                      <html>
                      <head>
                      <title>Table Example</title>
                      <meta http-equiv="content-type" content="text/html; charset=utf-8">
                      </head>
                      <body>
                      <table id="MyTable">
                      <tr>
                      <th>Header for column 1</th>
                      <th>Header for column 2</th>
                      <th>Header for column 3</th>
                      </tr>
                      <tr>
                      <td>Data in row 1, column 1</td>
                      <td>Data in row 1, column 2</td>
                      <td>Data in row 1, column 3</td>
                      </tr>
                      <tr>
                      <td>Data in row 2, column 1</td>
                      <td>Data in row 2, column 2</td>
                      <td>Data in row 2, column 3</td>
                      </tr>
                      </table>
                      </body>
                      </html>[/code]
                      The <tr> tags are used to create a new row.
                      The <th> tags are used for the text in the header row.
                      The <td> tags are used for the data in normal rows.
                      And the <table> element encapsulates the entire thing.

                      Your markup skips all these, except the <td> tags.
                      If you want your data to align properly, you need to put it in a proper table. And get rid of all those &nbsp; chars. They should never be used to align things.

                      You can run your markup through the W3C Markup Validation Service to validate it. It will show you errors like these. If you are having problems fixing the errors, post them here an we will help you.
                      Once you get the green light there, your markup should display properly.

                        Comment

                        • tvnaidu
                          Contributor
                          • Oct 2009
                          • 365
                          #7
                          Thanks for reply. I don't want to use it as table, since it is form (GET method), all the page info should come from server, the server running on microcontroller , when I select few to be ON and few to be OFF, then when I click on apply, the action will be taken by server, then I need page to be loaded again.

                            Comment

                            • Atli
                              Recognized Expert Expert
                              • Nov 2006
                              • 5062
                              #8
                              Hey again. Sorry it took so long. Been busy.

                              What do you mean you don't want to use a table?
                              The table is just there to tell the browser to display the data in a table layout. It has no effect on the form or it's data, just how the browser displays it.

                              I mean, you can do something like:
                              [code=php]<form method="get" action="somethi ng.php">
                              <table>
                              <tr>
                              <th>Name</th>
                              <th>On</th>
                              <th>Off</th>
                              </tr>
                              <?php
                              // Assuming you have already queried MySQL for a list of
                              // rows, each containing an ID, Name and a ON/OFF value.
                              while($row = mysql_fetch_ass oc($result))
                              {
                              // See which should be checked, ON or OFF
                              $on_checked = $_row['value'] == 'ON' ? ' checked="checke d"' : '';
                              $off_checked = $_row['value'] == 'OFF' ? ' checked="checke d"' : '';

                              // Print the HTML row to display this row of data.
                              echo <<<HTML
                              <tr>
                              <td>{$_row['name']}</td>
                              <td><input type="radio" name="value[{$_row['id']}]"{$on_check ed} /></td>
                              <td><input type="radio" name="value[{$_row['id']}]"{$off_chec ked} /></td>
                              </tr>
                              HTML;
                              }
                              ?>
                              <tr>
                              <td colspan="3"><in put type="submit" /></td>
                              </tr>
                              </table>
                              </form>[/code]
                              And this would give you a list of rows, from which you could select ON or OFF radio buttons, initialized to what the database looks like when the request is made.

                                Comment

                                • captainB
                                  New Member
                                  • Aug 2009
                                  • 23
                                  #9
                                  if you're using <tr> and <td> elements, you ARE using a table. (that's HTML table, not database table). You forgot to add the <table> and </table> tags.
                                  If it doesn't work like you intend it to after that, let us know :)

                                    Comment

                                    • tvnaidu
                                      Contributor
                                      • Oct 2009
                                      • 365
                                      #10
                                      I just tried ot takeout some nbsp most of the places, now alignment completely changed, now littlebit shifted, actually I am not HTML expert, I just wrote the above program manually since I don't have any HTML / CSS package to do that. if I want to divide into Three tables, can I insert <table> ...</table> at Three places?.

                                        Comment

                                        • captainB
                                          New Member
                                          • Aug 2009
                                          • 23
                                          #11
                                          yes, you can have as many <table> elements as you want. The tables will be on top of each other by default, so to get the "side by side" effect, you can put <table> elements inside <td> elements.

                                          For example, you could create a table that has one row, and three cells (<td>) within that row. Each cell will then hold a table with your status buttons and stuff :

                                          <table><tr>

                                          <td>
                                          <table> .... put the stuff that go on the left here </table>
                                          </td>

                                          <td>
                                          <table> .... put the stuff that go in the middle here </table>
                                          </td>

                                          <td>
                                          <table> .... put the stuff that go on the right here </table>
                                          </td>

                                          </tr></table>

                                          I would take out all of the "&nbsp" and do all your design in CSS styles. The way you have it now, if you resize the browser window, the layout changes.

                                          I hope that helps.

                                            Comment

                                            • tvnaidu
                                              Contributor
                                              • Oct 2009
                                              • 365
                                              #12
                                              Thanks, I made it as tables, now alignment looks ok, but I have question is: sometimes when page loading from server, some rows missing sometimes only, I have 8 rows in each column like that I have 3 columns, sometimes in first column I can see only 7 rows or 6 rows in other column, I am not understanding where is the bottleneck?. if I reload again, I gets all 24 (8 X 3), is there anyway I can makesure each load gets loaded all rows?

                                                Comment

                                                • captainB
                                                  New Member
                                                  • Aug 2009
                                                  • 23
                                                  #13
                                                  can you post your HTML code here?
                                                  is there a live web page we can see?

                                                    Comment

                                                    • tvnaidu
                                                      Contributor
                                                      • Oct 2009
                                                      • 365
                                                      #14
                                                      the web server running on microcontroller , every reload comes from server, if I load this code windows direclty, no problem to reload on windows, if load on microcontroller , then load this page (status.htm), I can see some rows missing.

                                                      Code:
                                                      <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>::Power systems::</title>
<link href="/styles.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="1012" border="0" align="center" cellpadding="2" cellspacing="2">
  <tr>
    <th width="1004" scope="col"><table width="813" border="0" align="center" cellpadding="2" cellspacing="2">
      <tr>
	<th width="805" scope="col"><img src="/header.GIF" alt="head" width="800" height="64" /></th>
      </tr>
    </table></th>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="center"><form id="form1" name="form1" method="get" action="/status.htm">
      <table width="100%" border="0" align="center" cellpadding="2" cellspacing="2">
        <tr>
          <th width="326" height="84" align="center" valign="middle" scope="col"><table width="326" border="0" cellpadding="0" cellspacing="4" class="fillbg">
              <tr>
                <th width="28%" class="style1" scope="col">&nbsp;</th>
                <th width="8%" class="onn" scope="col">ON</th>
                <th width="9%" class="off" scope="col">OFF</th>
                <th colspan="2" align="left" valign="middle" class="state" scope="col">STATUS</th>
		<th width="19%" align="center" valign="middle" class="state" scope="col">CURRENT</th>
              </tr>
              <tr>
                <td align="center" valign="middle" class="style1">OUTLET 01 </td>
                <td align="center" valign="middle"><label>
                  <input name="plug1" type="radio" value="ON1" />
                </label></td>
                <td align="center" valign="middle"><label>
                  <input name="plug1" type="radio" value="OF1" />
  		</label></td>
  		<td>^00&0001 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
                <td align="center" valign="middle" class="style1">01D;</td>
              </tr>
              <tr>
                <td align="center" valign="middle"><span class="style1">OUTLET 02 </span></td>
                <td align="center" valign="top"><input name="plug2" type="radio" value="ON2" /></td>
		<td align="center" valign="top"><input name="plug2" type="radio" value="OF2" /></td>
		<td> ^00&0002 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
                <td align="center" valign="middle" class="style1">02D;</td>
              </tr>
              <tr>
                <td align="center" valign="middle"><span class="style1">OUTLET 03</span></td>
                <td align="center" valign="middle"><label>
                  <input name="plug3" type="radio" value="ON3" />
                </label></td>
                <td align="center" valign="middle"><label>
                  <input name="plug3" type="radio" value="OF3" />
  		</label></td>
  		<td>	^00&0004 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
                <td align="center" valign="middle" class="style1">03D</td>
              </tr>
              <tr>
                <td align="center" valign="middle" class="style1">OUTLET 04 </td>
                <td align="center" valign="top"><input name="plug4" type="radio" value="ON4" /></td>
		<td align="center" valign="top"><input name="plug4" type="radio" value="OF4" /></td>
		<td> ^00&0008 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
                <td align="center" valign="middle" class="style1">04D;</td>
              </tr>
              <tr>
                <td align="center" valign="middle"><span class="style1">OUTLET 05 </span></td>
                <td align="center" valign="middle"><label>
                  <input name="plug5" type="radio" value="ON5" />
                </label></td>
                <td align="center" valign="middle"><label>
                  <input name="plug5" type="radio" value="OF5" />
                </label></td>
		<td>  ^00&0010 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
                <td align="center" valign="middle"><span class="style1">05D;</span></td>
              </tr>
              <tr>
                <td align="center" valign="middle"><span class="style1">OUTLET 06 </span></td>
                <td align="center" valign="top"><input name="plug6" type="radio" value="ON6" /></td>
                <td align="center" valign="top"><input name="plug6" type="radio" value="OF6" /></td>
		<td>  ^00&0020 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
                <td align="center" valign="middle" class="style1">06D;</td>
              </tr>
              <tr>
                <td align="center" valign="middle"><span class="style1">OUTLET 07 </span></td>
                <td align="center" valign="middle"><label>
                  <input name="plug7" type="radio" value="ON7" />
                </label></td>
                <td align="center" valign="middle"><label>
                  <input name="plug7" type="radio" value="OF7" />
                </label></td>
		<td>  ^00&0040 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
                <td align="center" valign="middle"><span class="style1">07D;</span></td>
              </tr>
              <tr>
                <td align="center" valign="middle"><span class="style1">OUTLET 08 </span></td>
                <td align="center" valign="top"><input name="plug8" type="radio" value="ON8" /></td>
                <td align="center" valign="top"><input name="plug8" type="radio" value="OF8" /></td>
		<td>  ^00&0080 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
                <td align="center" valign="middle" class="style1">08D;</td>
              </tr>
              <tr>
                <td colspan="6">&nbsp;</td>
              </tr>
          </table></th>
          <th width="326" align="center" valign="middle" scope="col"><table width="326" border="0" cellpadding="0" cellspacing="4" class="fillbg">
            <tr>
              <th width="30%" class="style1" scope="col">&nbsp;</th>
              <th width="9%" class="onn" scope="col">ON</th>
              <th width="15%" class="off" scope="col">OFF</th>
              <th colspan="2" align="left" valign="middle" class="state" scope="col">STATUS</th>
              <th width="21%" align="center" valign="middle" class="state" scope="col">CURRENT</th>
            </tr>
            <tr>
              <td align="center" valign="middle" class="style1">OUTLET 09 </td>
              <td align="center" valign="middle"><label>
                <input name="plug9" type="radio" value="ON9" />
              </label></td>
              <td align="center" valign="middle"><label>
                <input name="plug9" type="radio" value="OF9" />
              </label></td>
              <td> ^00&0100 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">09D;</td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 10 </span></td>
              <td align="center" valign="top"><input name="plug10" type="radio" value="ONA" /></td>
              <td align="center" valign="top"><input name="plug10" type="radio" value="OFA" /></td>
		<td>  ^00&0200 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle"><span class="style1">10D;</span></td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 11 </span></td>
              <td align="center" valign="middle"><label>
                <input name="plug11" type="radio" value="ONB" />
              </label></td>
              <td align="center" valign="middle"><label>
                <input name="plug11" type="radio" value="OFB" />
              </label></td>
		<td>  ^00&0400 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">11D;</td>
            </tr>
            <tr>
              <td align="center" valign="middle" class="style1">OUTLET 12 </td>
              <td align="center" valign="top"><input name="plug12" type="radio" value="ONC" /></td>
              <td align="center" valign="top"><input name="plug12" type="radio" value="OFC" /></td>
		<td>  ^00&0800 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">12D;</td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 13 </span></td>
              <td align="center" valign="middle"><label>
                <input name="plug13" type="radio" value="OND" />
              </label></td>
              <td align="center" valign="middle"><label>
                <input name="plug13" type="radio" value="OFD" />
              </label></td>
		<td>  ^00&1000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle"><span class="style1">13D;</span></td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 14 </span></td>
              <td align="center" valign="top"><input name="plug14" type="radio" value="ONE" /></td>
              <td align="center" valign="top"><input name="plug14" type="radio" value="OFE" /></td>
		<td>  ^00&2000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">14D;</td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 15 </span></td>
              <td align="center" valign="middle"><label>
                <input name="plug15" type="radio" value="ONF" />
              </label></td>
              <td align="center" valign="middle"><label>
                <input name="plug15" type="radio" value="OFF" />
              </label></td>
		<td>  ^00&4000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle"><span class="style1">15D;</span></td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 16 </span></td>
              <td align="center" valign="top"><input name="plug16" type="radio" value="ONG" /></td>
              <td align="center" valign="top"><input name="plug16" type="radio" value="OFG" /></td>
		<td>  ^00&8000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">16D;</td>
            </tr>
            <tr>
              <td colspan="6">&nbsp;</td>
            </tr>
          </table></th>
          <th width="330" align="center" valign="middle" scope="col"><table width="336" border="0" cellpadding="0" cellspacing="4" class="fillbg">
            <tr>
              <th width="25%" class="style1" scope="col">&nbsp;</th>
              <th width="8%" class="onn" scope="col">ON</th>
              <th width="10%" class="off" scope="col">OFF</th>
              <th colspan="2" align="left" valign="middle" class="state" scope="col">STATUS</th>
              <th width="20%" align="center" valign="middle" class="state" scope="col">CURRENT</th>
            </tr>
            <tr>
              <td align="center" valign="middle" class="style1">OUTLET 17 </td>
              <td align="center" valign="middle"><label>
                <input name="plug17" type="radio" value="ONH" />
              </label></td>
              <td align="center" valign="middle"><label>
                <input name="plug17" type="radio" value="OFH" />
              </label></td>
              <td> ^00&010000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">17D;</td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 18 </span></td>
              <td align="center" valign="top"><input name="plug18" type="radio" value="ONI" /></td>
              <td align="center" valign="top"><input name="plug18" type="radio" value="OFI" /></td>
		<td>  ^00&020000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle"><span class="style1">18D;</span></td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 19 </span></td>
              <td align="center" valign="middle"><label>
                <input name="plug19" type="radio" value="ONJ" />
              </label></td>
              <td align="center" valign="middle"><label>
                <input name="plug19" type="radio" value="OFJ" />
              </label></td>
		<td>  ^00&040000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">19D;</td>
            </tr>
            <tr>
              <td align="center" valign="middle" class="style1">OUTLET 20 </td>
              <td align="center" valign="top"><input name="plug20" type="radio" value="ONK" /></td>
              <td align="center" valign="top"><input name="plug20" type="radio" value="OFK" /></td>
		<td>  ^00&080000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">20D;</td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 21 </span></td>
              <td align="center" valign="middle"><label>
                <input name="plug21" type="radio" value="ONL" />
              </label></td>
              <td align="center" valign="middle"><label>
                <input name="plug21" type="radio" value="OFL" />
              </label></td>
		<td>  ^00&100000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle"><span class="style1">21D;</span></td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 22 </span></td>
              <td align="center" valign="top"><input name="plug22" type="radio" value="ONM" /></td>
              <td align="center" valign="top"><input name="plug22" type="radio" value="OFM" /></td>
		<td>  ^00&200000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">22D;</td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 23 </span></td>
              <td align="center" valign="middle"><label>
                <input name="plug23" type="radio" value="ONN" />
              </label></td>
              <td align="center" valign="middle"><label>
                <input name="plug23" type="radio" value="OFN" />
              </label></td>
		<td>  ^00&400000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle"><span class="style1">23D;</span></td>
            </tr>
            <tr>
              <td align="center" valign="middle"><span class="style1">OUTLET 24 </span></td>
              <td align="center" valign="top"><input name="plug24" type="radio" value="ONP" /></td>
              <td align="center" valign="top"><input name="plug24" type="radio" value="OF8" /></td>
		<td>  ^00&800000 | <strong style="color:green;"> ON </strong> | <strong style="color:red;"> OFF </strong> |; </td>
              <td align="center" valign="middle" class="style1">24D;</td>
            </tr>
            <tr>
              <td height="18" colspan="6">&nbsp;</td>
            </tr>
          </table></th>
		<td>  ^00&800000 |. |. |; </td>
        </tr>
	</table>
<br>
<br>
<br>
<br>
      <table width="200" border="0" align="center" cellpadding="10" cellspacing="10">
        <tr>
          <th width="60" align="center" valign="middle" scope="col"><label>
            <input name="Button" type="button" class="lowerbuttons" onclick="if (confirm('Are you sure to Submit this?')) submit();" value="Submit" />
          </label></th>
          <th width="60" align="center" valign="middle" scope="col"><input name="Button2" type="reset" class="lowerbuttons" value="Clear" /></th>
          <th width="60" align="center" valign="middle" scope="col"><input name="Button3" type="button" class="lowerbuttons" onclick="window.location.reload();" value="Refresh" /></th>
        </tr>
      </table>
      </form>    </td>
  </tr>
  
  <tr>
    <td align="center" valign="middle"><form id="form2" name="form2" method="get" action="/plug_login.htm">
      <table width="68" border="0" align="center" cellpadding="2" cellspacing="2">
        <tr>
          <th width="60" scope="col"><input name="Button4" type="button" class="lowerbuttons" onclick="if (confirm('Sure you want to Logout?')) submit();" value="Logout" /></th>
        </tr>
      </table>
        </form>
    </td>
  </tr>
  <tr>
		<td>  ^00&800000 |. |. |; </td>
  </tr>
</table>
</body>
</html>

                                                        Comment

                                                        • captainB
                                                          New Member
                                                          • Aug 2009
                                                          • 23
                                                          #15
                                                          I don't think you should put the 3 tables in "TH" elements, put them in "TD" elements instead. As for the layout - you are referencing a css file - link <href="/styles.css" rel="stylesheet " type="text/css" />

                                                          can you post this file?

                                                            Comment

                                                            Previous 1 2 template Next
                                                            Working...