Hola, como el título indica estoy intentado centrar el contenido de un fildset. He provado con text-align: center en el table, en el tr...También he provado con el parámetro align="center", pero está desactualizado. ¿Podrían explicarme como hacerlo?
HTML
Código HTML:
<form id="formlogin" runat="server">
<div>
<br /><br />
<div>
<fieldset class="cssfieldset">
<legend class="csslegend">Acceso</legend>
<table>
<tr>
<td class="textalignder">Usuario:</td>
<td class="textalignizq"><asp:TextBox id="txtUsername" runat="server" ValidationGroup="login" CausesValidation="true" /></td>
</tr>
<tr>
<td class="textalignder">Clave:</td>
<td class="textalignizq"><asp:TextBox id="txtClave" runat="server" TextMode="Password" ValidationGroup="login" CausesValidation="true" /></td>
</tr>
<tr class="csstable">
<td></td>
<td class="textaligncen">
<asp:Button id="btnSubmitLogin" runat="server" Text="Enviar" CssClass="ButtonLogin" ValidationGroup="login" OnClick="btnLogueo_Click" />
<asp:Button id="btnCancelLogin" runat="server" Text="Cancelar" CssClass="ButtonLogin" />
</td>
</tr>
<tr class="csstable">
<td colspan="2" class="csstable">
<asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server"
ErrorMessage="Introduzca un usuario"
SetFocusOnError="true"
ControlToValidate="txtUsername"
CssClass="validatorlogin" Display="Dynamic"
ValidationGroup="login" />
</td>
</tr>
<tr class="csstable">
<td colspan="2" class="csstable">
<asp:RequiredFieldValidator id="RequiredFieldValidator2" runat="server"
ErrorMessage="Introduzca una clave"
SetFocusOnError="true"
ControlToValidate="txtClave"
CssClass="validatorlogin" Display="Dynamic"
ValidationGroup="login" />
</td>
</tr>
<tr class="csstable">
<td colspan="2" class="textaligncen">
<asp:Label id="lblerroracceso" Text="" runat="server" CssClass="rojo"></asp:Label>
</td>
</tr>
</table>
</fieldset>
</div>
<br />
<div>
<fieldset class="cssfieldset">
<legend class="csslegend">Recuperar Clave</legend>
<table>
<tr class="csstable">
<td>
Introduzca su e-mail:
</td>
<td>
<asp:TextBox id="tbemail" MaxLength="50" runat="server" ValidationGroup="recuusario" CausesValidation="true" />
</td>
</tr>
<tr class="csstable">
<td></td>
<td class="textaligncen">
<asp:Button id="btnSubmitRecu" runat="server" Text="Enviar" CssClass="ButtonLogin" ValidationGroup="recuusario" OnClick="enviaremail" />
<asp:Button id="btnCancelRecu" runat="server" Text="Cancelar" CssClass="ButtonLogin" OnClientClick="mostrarpnllogin()" />
</td>
</tr>
<tr class="csstable">
<td colspan="2" class="textaligncen">
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"
ErrorMessage="Introduzca un e-mail"
SetFocusOnError="true"
ControlToValidate="tbemail"
CssClass="validatorlogin" Display="Dynamic"
ValidationGroup="recuusario" />
</td>
</tr>
<tr class="csstable">
<td colspan="2" class="textaligncen">
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"
ErrorMessage="Introduzca un e-mail válido"
SetFocusOnError="true"
ControlToValidate="tbemail"
CssClass="validatorlogin" Display="Dynamic"
ValidationExpression="^([a-zA-Z0-9]+([\.+_-][a-zA-Z0-9]+)*)@(([a-zA-Z0-9]+((\.|[-]{1,2})[a-zA-Z0-9]+)*)\.[a-zA-Z]{2,6})$"
ValidationGroup="recuusario" />
</td>
</tr>
<tr class="csstable">
<td colspan="2" class="problema">
<asp:Label id="lblerrormod" Text="" runat="server" CssClass="rojo"></asp:Label>
</td>
</tr>
<tr class="csstable">
<td colspan="2" class="textaligncen">
<asp:Label id="lblerrorclave" Text="" runat="server" CssClass="rojo"></asp:Label>
</td>
</tr>
</table>
</fieldset>
</div>
</div>
</form>
CSS
Código:
.rojo
{
color: Red;
}
.cssfieldset
{
width: 300px;
margin: auto; /* para centrar los fieldset */
}
.csslegend
{
font-size: 12px;
text-decoration: none;
}
.csstable
{
text-align: center;
}
.problema
{
text-align:center;
color: Red;
}