Re: [Ovillo] Centrar boton (conseguido)

Fri, 29 Apr 2005 07:17:07 -0700

Ya est�, lo he conseguido. Solo era cuestion de descansar la mente y comer un poquito, un cafe... y listo.
(gracias por la ayuda)
os mando el c�digo:

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="es" />
<meta name="keywords" content="txurdi" />
<meta name="description" content="P�gina personal de txurdi." />
<meta name="generator" content="Dev-PHP 2.0.12" />
<meta http-equiv="Pragma" content="no-cache" />
<title>Pagina personal de txurdi</title>
<style type="text/css">
/*<![CDATA[*/

form
{
padding: 0;
margin:0;
text-align: center;
}
label
{
width: 150px;
float: left;
text-align: right;
}
input, textarea, select
{
float: left;
color: #006699;
border: 1px solid #006699;
}
fieldset
{
border: 2px dotted #006699;
}
legend
{
background-color: #68A3B9;
border: 1px solid #006699;
padding: 0 0.5em;
}
.formulario_linea
{
display: block;
clear: both;
}
.formulario_boton
{
display: block;
clear: both;
text-align: center;
}
.formulario_boton input
{
text-align: center;
float: none;
}
</style>
</head>

<body>

<!--osa ******************************************************* oism 5c-->
<!--osa ******************************************************* oism 5c-->
<!--osa ******************************************************* oism 5c-->
<!--osa ******************************************************* oism 5c-->

<h1>PRUEBAS DE C�DIGO XHTML</h1>
<form action="[var.lnk_CCCC0]" method="post">
<fieldset>
<legend>Titulo del formulario</legend>
<div class="formulario_linea">
 <label for="nombre">Nombre:</label>
 <input type="text" id="nombre" name="nombre" value="" size="6" />
</div>
<div class="formulario_linea">
 <label for="pass">Pass:</label>
 <input type="password" id="pass" name="pass" size="6" />
</div>
<div class="formulario_linea">
 <label for="regalo">Regalo:</label>
 <select name="regalo" id="regalo">
  <option value="">(Seleccione su opcion)</option>
  <optgroup label="Software">
   <option value="">Antivirus</option>
   <option value="">Grabacion CDs</option>
   <option value="">Visualizador gr�fico</option>
  </optgroup>
  <optgroup label="Hardware">
   <option value="">Tarjeta gr�fica</option>
  </optgroup>
 </select>
</div>
<div class="formulario_boton">
 <input type="submit" name="MANDAR" value="MANDAR">
</div>
</fieldset>
</form>
<!--osa ******************************************************* oism 5c-->
<!--osa ******************************************************* oism 5c-->
<!--osa ******************************************************* oism 5c-->

</body>
</html>


----- Original Message ----- From: "Juan G. Hurtado" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <[email protected]>
Sent: Friday, April 29, 2005 3:28 PM
Subject: Re: [Ovillo] Centrar boton


Saludos,

yo, personalmente, suelo usar p�rrafos para englobar los botones, cajas
de texto, etc. dentro de un formulario, de la siguiente forma:

<form>
    <fieldset>
        <legend>Formulario</legend>
        <p><label for="txt">Prueba:</label><input type="text" id="txt"
/></p>
<p><input type="submit" id="boton" value="Bot&oacute;n" /></p>
    </fieldset>
</form>

En tu caso est�s usando "div", lo cual, aunque es correcto, a mi
personalmente, no es la forma que mas me convence. De todas formas, para
centrar el boton, en tu caso simplemente debes hacerle un
text-align:center; al <div> que contenga el bot�n que quieras centrar.
Teniendo siempre en cuenta que no se herede alg�n est�lo que contradiga eso.

Un saludo.
--
Juan G. Hurtado
[ [EMAIL PROTECTED] ]
[ http://armonia.spiral-static.org/ ]
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo

_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a