Hello, I am trying to control the table width for the form text and input box. I can't even control the main table width with this code:

<table border="1" style="width: 10%;">

the width is still too large. I cannot make it smaller. Evenif I change the percentage or pixels into smaller one.


<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/styleT.css"> <!-- Resource style --><script src="js/modernizr.js"></script> <!-- Modernizr --> 
<!-- only for tabbing add-ons -->
<link rel="stylesheet" href="jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
$(function() {
$( "#tabs" ).tabs();
$(function() {
$( "#tabs2" ).tabs();
<!-- end tabbing -->


<div id="container">
<image src="images/logo.jpg">

<div id="navigation"><!-- <img src="images/navigation bar.jpg" alt="nav bar"> --></div> 

<div id="navcontainerbar">
<div style="margin-left: -150px;">
<li><a href="index.php">Home</a></li>
<li><a href="">SIP</a></li>  
<li><a href="#">LMS</a></li>
<li><a href="#">Library</a></li>
<li><a href="http://www.roomplus.co.id/roomplus/">Virtual Class</a></li>


<image src="images/nav.jpg">


<form action="login.php" method="POST">
<table border="1" style="width: 10%;">
<td>Nama :</td>
<td><input type="text" class="form" name="nama"></td>
<td>Institusi :</td>
<td><input type="text" class="form" name="institusi"></td>
<tr><td>Alamat :</td>
<td><input type="text" class="form" name="alamat"></td>
<tr><td>Email :</td>
<td><input type="text" class="form" name="email"></td>
<tr><td>No_telp :</td>
<td><input type="text" class="form" name="no_telp"></td>
<input type="submit" class="login" name="submit" value=""></input>




2 Years
Discussion Span
Last Post by hericles

The default width of your inputs is the problem. Specify a shorter width for all of your textboxes and you'll be able to make the table narrower. I think the default width of a text input is 20 characters if you don't specify a value and so that will be limiting how narrow your table can be.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.