HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
table content alignment
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
raninda



Joined: 10 Apr 2008
Posts: 9

PostPosted: Tue Apr 22, 2008 10:45 pm     table content alignment Reply with quote

i have a code like this :
Code:

<center>
<table width="70%">
<tr>
<!--left side-->
<td>
<fieldset name="Menu"><legend><b>Menu</b></legend>
<hr>
<table width="200px" class="fontable">
<tr><td><a href="index.php"><img border="0" src="alumni/but_sorowako_BO.jpg" width="180" height="20">
</a>
<tr><td><a href="index.php"><img border="0" src="alumni/but_yps_BO.jpg" width="180" height="20">
</a>
<tr><td><a href="index.php"><img border="0" src="alumni/but_ats_BO.jpg" width="180" height="20">
</a>
<tr><td><a href="regalumni.php"><img border="0" src="alumni/but_reg_BO.jpg" width="180" height="20">
</a>
<tr><td><a href="search.php"><img border="0" src="alumni/but_search_BO.jpg" width="180" height="20">
</a>
</table>
</fieldset>

<fieldset name="Log In"><legend><b>Log In</b></legend>
<hr>
<table width="220px" class="fontable">
<tr><td width="85px">User ID</td><td>: <input type="text" size=15 maxlength=15 name="userid"></td></tr>
<tr><td>Password</td><td>: <input type="text" size=15 maxlength=15 name="userid"></td></tr>
<tr><td colspan="2"><center><input type="submit" value="Log In"><center></td></tr>
</table>
</fieldset>
</td>

<td>
<!--right side-->
<fieldset name="Data Pribadi"><legend><b>Data Pribadi</b></legend>
<table width="500" cellpadding =3 class="fontable">
<tr><td width=35%>Nama Lengkap<EM> *</EM></td><td>: <input type="text" size=40 maxlength=30 name="nama"></td></tr>
<tr><td>Nama Panggilan<EM> *</EM></td><td>: <input type="text" size=40 maxlength=15 name="nick"></td></tr>
<tr><td>Tempat Lahir<EM> *</EM></td><td>: <input type="text" size=40 maxlength=30 name="tempat">
<tr><td>Tanggal Lahir<EM> *</EM></td><td>:
<select name="dd">
<option value="0">[dd]</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select> -
<select name="mm">
<option value="0">[mm]</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select> -

<input type="text" size=4 maxlength=4 name="yyyy" label="yyyy"></td></tr>
<tr><td>Jenis Kelamin<EM> *</EM></td><td>:
<input type="radio" name="sex" value="1"> Laki-laki
<input type="radio" name="sex" value="0"> Perempuan
<tr><td>Phone</td><td>: <input type="text" size=40 maxlength=14 name="phone"></td></tr>
<tr><td>E-mail</td><td>: <input type="text" size=40 maxlength=30 name="email"></td></tr>
</td></tr>
</table>
</fieldset>

<fieldset name="Angkatan"><legend><b>Angkatan Tahun Masuk</b></legend>
<table width="500" cellpadding =3 class="fontable">
<tr><td width=35%>SD YPS</td><td>: <input type="text" size=4 maxlength=4 name="tahun_sd"></td></tr>
<tr><td>SMP YPS</td><td>: <input type="text" size=4 maxlength=4 name="tahun_smp"></td></tr>
<tr><td>SMA YPS</td><td>: <input type="text" size=4 maxlength=4 name="tahun_smu"></td></tr>
<tr><td>ATS YPS</td><td>: <input type="text" size=4 maxlength=4 name="tahun_ats"></td></tr>
</table>
</fieldset>

<fieldset name="Rumah"><legend><b>Rumah</b></legend>
<table width="500" cellpadding =3 class="fontable">
<tr><td width=35%>Alamat<EM> *</EM></td><td>: <textarea rows="5" cols="30" name="addr_rumah">
</textarea></td></tr>
<tr><td>Kode Pos<EM> *</EM></td><td>: <input type="text" size=40 maxlength=10 name="post"></td></tr>
<tr><td>Negara<EM> *</EM></td><td>: <input type="text" size=40 maxlength=15 name="negara"></td></tr>
</table>
</fieldset>


<fieldset name="Kantor"><legend><b>Kantor<b></legend>
<table width="500" cellpadding =3 class="fontable">
<tr><td width=35%>Nama Perusahaan</td><td>: <input type="text" size=40 maxlength=50 name="perusahaan"></td></tr>
<tr><td>Jabatan</td><td>: <input type="text" size=40 maxlength=20 name="jabatan"></td></tr>
<tr><td>Alamat</td><td>: <textarea rows="5" cols="30" name="addr_kantor">
</textarea>
</td></tr>
<tr><td>Telepon</td><td>: <input type="text" size=40 maxlength=14 name="telp"></td></tr>
</table>
</fieldset>

<fieldset name="Komentar"><legend><b>Komentar<b></legend>
<table width="500" cellpadding =3 class="fontable">
<tr><td width=35%>Kesan/Pesan</td><td>: <textarea rows="5" cols="30" name="komen">
</textarea></td></tr>
</table>
</fieldset>
<p>
<input type=submit value="submit">
</td></tr></table>


why alignment of the content of left side table is not same with the content of the right side table?
is it because i use the fieldset?
please help... Sad
Straystudio



Joined: 14 Apr 2008
Posts: 92
Location: Nord Italy

PostPosted: Wed Apr 23, 2008 8:49 pm     Reply with quote

I think You might mean how to have those two fieldset at top; if so, add for VerticalALIGNment :


<center>
<table width="70%">
<tr>
<!--left side-->
<td valign="top">


Since the right main-cell beeing higher, due to its larger content,
the one on the left also assumes the same height; as they can not be anything else than "squared" a group.
Netscape Browser for default vertically aligns at middle:
as a result, the right space is all-full and Vertical Alignment does not matter, if top middle or bottom it would be the same;
things work out differently on the left space, where a less-large block floats along an half-empty space.


Or do You mean any other things to get alignment ?

-
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial