Hi, with the code below the table appers to be shifting a little.
For some reason when you hold down the confirm button the table moves.
It doesn't do this when you remove the padding from the cu_container but the problem is i need that.
If you can take a look that would be gr8
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/* Container for all the Cumpu-User system*/
#cu_container {
margin-left: 10px;
margin-right: 10px;
background-color: white;
padding:2px;
overflow:hidden;
}
/* Table properties for the data */
#cu_table {
border-collapse: collapse;
border: solid 2px black;
width: 100%;
}
/* Space after each table */
#reg_spacer {
height:15px;
}
/* Width of right hand side column */
#reg_col {
width: 16em;
}
/* Sets the properties for the td */
.cu_td {
border: solid 1px black;
margin: 0;
padding: 3px;
font: small Verdana,sans-serif;
text-align: left;
vertical-align:top;
}
/* Sets the properties for the th */
.cu_th {
border: solid 1px black;
margin: 0;
padding: 3px;
background-color: #F5f7f7;
color: #21536A;
font: large Verdana,sans-serif;
font-weight: bold;
text-align: left;
}
/* Set the properties for the div that contains submit and clear buttons */
.reg_proccess{
text-align: center;
margin: 0;
padding: 0.6em 0 0.1em 0;
}
/* Set the properties for the buttons */
.buttons {
width: 6em;
border-width: 0.1em;
font: medium Verdana,sans-serif;
font-size: small;
}
</style>
</head>
<body>
<div id="cu_container">
<table id="cu_table">
<col></col>
<col id="reg_col"></col>
<tr>
<th colspan=2 class="cu_th">Language<span style="font-size: small"><br>* Required entry</span>
</th>
<tr>
<tr>
<td class="cu_td"><label for="Language">*Language:</label></td>
<td class="cu_td">
<select name="Language">
<option value="English" <?PHP if ($_POST[Language] == "English") { echo "selected"; } ?>>English</option>
</select>
</td>
</tr>
</table>
<div class="reg_proccess">
<input name="clear" type="reset" class="buttons" value="Clear All">
<input name="next" type="submit" class="buttons" id="next" value="Confirm">
</div>
</div>
</body>
</html>
thanks
AdamRemove overflow:hidden; from #cu_container
For some reason when you hold down the confirm button the table moves.
It doesn't do this when you remove the padding from the cu_container but the problem is i need that.
If you can take a look that would be gr8
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/* Container for all the Cumpu-User system*/
#cu_container {
margin-left: 10px;
margin-right: 10px;
background-color: white;
padding:2px;
overflow:hidden;
}
/* Table properties for the data */
#cu_table {
border-collapse: collapse;
border: solid 2px black;
width: 100%;
}
/* Space after each table */
#reg_spacer {
height:15px;
}
/* Width of right hand side column */
#reg_col {
width: 16em;
}
/* Sets the properties for the td */
.cu_td {
border: solid 1px black;
margin: 0;
padding: 3px;
font: small Verdana,sans-serif;
text-align: left;
vertical-align:top;
}
/* Sets the properties for the th */
.cu_th {
border: solid 1px black;
margin: 0;
padding: 3px;
background-color: #F5f7f7;
color: #21536A;
font: large Verdana,sans-serif;
font-weight: bold;
text-align: left;
}
/* Set the properties for the div that contains submit and clear buttons */
.reg_proccess{
text-align: center;
margin: 0;
padding: 0.6em 0 0.1em 0;
}
/* Set the properties for the buttons */
.buttons {
width: 6em;
border-width: 0.1em;
font: medium Verdana,sans-serif;
font-size: small;
}
</style>
</head>
<body>
<div id="cu_container">
<table id="cu_table">
<col></col>
<col id="reg_col"></col>
<tr>
<th colspan=2 class="cu_th">Language<span style="font-size: small"><br>* Required entry</span>
</th>
<tr>
<tr>
<td class="cu_td"><label for="Language">*Language:</label></td>
<td class="cu_td">
<select name="Language">
<option value="English" <?PHP if ($_POST[Language] == "English") { echo "selected"; } ?>>English</option>
</select>
</td>
</tr>
</table>
<div class="reg_proccess">
<input name="clear" type="reset" class="buttons" value="Clear All">
<input name="next" type="submit" class="buttons" id="next" value="Confirm">
</div>
</div>
</body>
</html>
thanks
AdamRemove overflow:hidden; from #cu_container