Saya mau bertanya soal kendala saya dalam penggunaan width dan height pada table, kendalanya adalah di file saya yang saya lampirkan ini fitur height saya berfungsi :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Riding Solution</title>
<style>
html, body {
height: 100%;
}
</style>
</head>
<body>
<table border="0" width="100%" height="100%">
<tr height="12%" bgcolor="#00BFFF">
<td align="center" colspan="4"><h1>Riding Solution</h1></td>
</tr>
<tr height="3%" bgcolor="#1E90FF">
<td align="center" colspan="2"><strong>Mobil</strong></td>
<td align="center" colspan="2"><strong>Motor</strong></td>
</tr>
<tr height="30%">
<td align="middle"><img src="../tokootomotif/asset/Benelli-Motobi-200-Evo.jpg" alt="Motobi-200-Evo"></td>
<td align="middle"><img src="../tokootomotif/asset/Cleveland-Misfit.jpg" alt="Cleveland-Misfit"></td>
<td align="middle"><img src="../tokootomotif/asset/Royal-Enfield-Classic-350.jpg" alt="Honda-Super-Cub-C125"></td>
<td align="middle"><img src="../tokootomotif/asset/Kawasaki-W-175.jpg" alt="Kawasaki-W-175"></td>
</tr>
<tr height="2%">
<td align="center"><strong>Benelli</strong></td>
<td align="center"><strong>Cleveland</strong></td>
<td align="center"><strong>Royal Enfield</strong></td>
<td align="center"><strong>Kawasaki</strong></td>
</tr>
<tr height="5%">
<td align="left">
<ul>
<li><em>Liquid Cooled Fuel Injection</em></li>
<li>197cc (1 silinder)</li>
</ul>
</td>
<td>
<ul>
<li><i>Upside Down Suspension</i></li>
<li>229,5cc</li>
</ul>
</td>
<td>
<ul>
<li><i>Balancer Shaft</i></li>
<li>350cc / 500cc</li>
</ul>
</td>
<td>
<ul>
<li><em>Fuel Injection</em></li>
<li>177cc (1 silinder)</li>
</ul>
</td>
</tr>
<tr>
<td align="middle" colspan="4">© Copyright - Riding Solution</td>
</tr>
</table>
</body>
</html>
Tapi di file saya yang satu ini tidak berfungsi ketika saya mencoba membuat form,kodenya saya lampirkan dibawah ini :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Data Diri</title>
<style>
html, body {
height: 100%;
}
</style>
</head>
<body>
<form action="">
<table border="0" width="100%" height="100%">
<th height="20%" colspan="3" bgcolor="lightgray">FORMULIR DATA DIRI</th>
<tr>
<td><label>Nama Lengkap</label></td>
<td>:</td>
<td><input type="text" name="nama" id=""></td>
</tr>
<tr>
<td><label>Tanggal Lahir</label></td>
<td>:</td>
<td><input type="date" name="tgllahir"></td>
</tr>
<tr>
<td><label>Jenis Kelamin</label></td>
<td>:</td>
<td>
<input type="radio" name="jkl" value="laki-laki">
<label for="jkl">Laki-laki</label>
<input type="radio" name="jkl" value="perempuan">
<label for="jkl">Perempuan</label>
</td>
</tr>
<tr>
<td><label>Hobi</label></td>
<td>:</td>
<td>
<input type="checkbox" name="hobi" value="membaca">
<label>Suka Membaca</label>
</td>
</tr>
<tr>
<td colspan="2"></td>
<td>
<input type="checkbox" name="hobi" value="olahraga">
<label>Suka Olahraga</label>
</td>
</tr>
<tr>
<td colspan="2"></td>
<td>
<input type="checkbox" name="hobi" value="traveling">
<label>Suka Jalan-jalan</label>
</td>
</tr>
<tr>
<td><Label>Negara</Label></td>
<td>:</td>
<td>
<select name="asalnegara" size="1">
<option value="id">Indonesia</option>
<option value="my">Malaysia</option>
<option value="sg">Singapura</option>
<option value="th">Thailand</option>
<option value="br">Brunei Darussalam</option>
</select>
</td>
</tr>
<tr>
<td><label>Alamat Lengkap</label></td>
<td>:</td>
<td><textarea name="alamat" cols="50" rows="5"></textarea></td>
</tr>
<tr>
<td><label>Arsip/File CV terbaru</label></td>
<td>:</td>
<td><input type="file" name="cv"></td>
</tr>
</table>
</form>
</body>
</html>
Yang berfungsi hanya widthsaja
Mohon bantuannya
ini masalah letak kode <form> kak. Untuk dapat meresize ukurannya, maka <form> bisa diletakkan di dalam tag <table>. seperti ini :