Dear all,
I have two tables, with one of them being in the cell of the other one.
The larger table has a width of 100%.
I would like the included table to be centered in the cell so as to have it centered in the page.
But I cannot cut it...
Any clue..?
Thanks
Stephane
Here is the markup code:
<html lang="en"><head><title>GCJ
V</title><
/head><bod
y>
<table style="border-style: solid; border-width: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; vertical-align: top;">
<tbody><tr>
<td style="vertical-align: top; height: 10%;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td style="border-top: 1px solid rgb(102, 102, 153); width: 15%; text-align: center; padding-top: 5px;">
<img src="GCJV_files/logo.png" border="0">
GCJV
</td>
<td style="border-top: 1px solid rgb(102, 102, 153); width: 70%; text-align: center; padding-top: 5px;">
</td>
<td style="border-top: 1px solid rgb(102, 102, 153); width: 15%; text-align: right; padding-top: 5px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: top;">
<form name="loginForm" method="post" action="/gcjv/login.do;jse
ssionid=B7
EE05D2FA2D
4B10B3DEF5
2ABE913794
">
<input name="actionMethod" value="login" type="hidden">
<table style="border-style: solid; border-width: 1px; margin: 0px; padding: 0px; width: 100%; text-align: center; vertical-align: top;">
<tbody><tr>
<td style="text-align: center; vertical-align: top;">Please Log In</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: top;">
<table style="border-style: solid; border-width: 1px; margin: 0px; padding: 0px; text-align: center; vertical-align: top;">
<tbody><tr>
<td style="text-align: right; vertical-align: top;">
Login name:
</td>
<td style="text-align: left; vertical-align: top;">
<input name="login" maxlength="15" size="15" value="" type="text">
</td>
</tr>
<tr>
<td style="text-align: right; vertical-align: top;">
Password:
</td>
<td style="text-align: left; vertical-align: top;">
<input name="password" maxlength="15" size="15" value="" type="password">
</td>
</tr>
<tr>
<td style="text-align: right; vertical-align: top;">
Remember your login name:
</td>
<td style="text-align: left; vertical-align: top;">
<input name="remember" value="" type="checkbox">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; vertical-align: top;">
<input value="Log In" type="submit">
<input value="Reset" type="reset">
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</form>
<script type="text/javascript">
var focusControl = document.forms["loginForm"
].elements
["login"];
if (focusControl.type != "hidden") {
focusControl.focus();
}
</script>
</td>
</tr>
<tr>
<td style="vertical-align: bottom;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td colspan="3" style="border-top: 1px solid rgb(102, 102, 153); text-align: center; padding-top: 5px;" class="footer">
Contact us by
<a href="mailto:contact@gcjv.
com">email
</a>
Or use our
- <a href="
http://localhost:8080/gcjv/jsp/contact.jsp;jsessionid=B7EE05D2FA2D4B10B3DEF52ABE913794">co
ntact page</a>
</td>
</tr>
</tbody></table><table>
</table>
</td></tr></tbody></table>
</body></h
tml>