Problema con alineacion

IDRID · #1 (**permalink**) 22/08/2010, 10:21

Quiero poner los 2 al lado del otro pero , es como si algo le empujase hacia abajo.

Sing Up :

<div align="right">
<div style="color: #0b5394;">
<span style="font-size: large;"><b>Sign Up!</b></span></div>
<form action="http://www.emailmeform.com/builder/form/tG8cvh3wad4TBHnIp5" enctype="multipart/form-data" id="emf-form" method="post">
<table border="0" cellpadding="2" cellspacing="0" style="text-align: left;"><tbody>
<tr><td colspan="2"><span style="font-family: Verdana; font-size: x-small;">
</span></td></tr>
<tr valign="top"><td align="left"><span style="color: blue; font-family: Verdana; font-size: x-small;"><b>Name</b></span><span style="color: red;"><small> *</small></span></td><td><input class="validate[required,length[0,10]]" id="element_0" name="element_0" size="20" type="text" value="" />
<div style="padding-bottom: 8px;">
<small><span style="font-family: Verdana;"></span></small></div>
</td></tr>
<tr valign="top"><td align="left"><span style="color: blue; font-family: Verdana; font-size: x-small;"><b>Email</b></span><span style="color: red;"><small> *</small></span></td><td><input class="validate[required,custom[email]]" id="element_1" name="element_1" size="20" type="text" value="" />
<div style="padding-bottom: 8px;">
<small><span style="font-family: Verdana;"></span></small></div>
</td></tr>
<tr><td align="left" colspan="2"><input name="element_counts" type="hidden" value="2" />        & nbsp;       &nb sp;       &nbsp ;     <input class="btn blue" type="submit" style="cursor: pointer;" value="Sing Up!" /></td></tr>
</tbody></table>
</form>
<div>
<span align="left" style="font-family: Verdana; font-size: x-small;">Powered by</span><span style="bottom: -5px; padding-left: 3px; position: relative;"><img src="http://www.emailmeform.com/builder/images/footer-logo.png" /></span><span style="font-family: Verdana; font-size: x-small;">EMF </span><a href="http://www.emailmeform.com/" style="text-decoration: none;" target="_blank"><span style="font-family: Verdana; font-size: x-small;">Email Form</span></a></div>
</div>

Login :

<div style="color: #0b5394;">
<span style="font-size: large;"><b>Login!</b></span> </div>

<form action="http://idrid185.byethost14.com/IDRIDPrivate/password.php" method="POST">
<span style="color: blue;"><b>Password :</b> </span> <input name="code" size="15" type="password" />

        &n bsp;       &nbs p;                 <i nput class="btn blue" name="privado" type="submit" style="cursor: pointer;" value="Login!" /> </form>

Help y gracias!

zerokilled · #2 (**permalink**) 22/08/2010, 10:56

la verdad que tu corta explicacion no da para entender. ¿cuales dos deseas poner al lado del otro? ¿la seccion Login deberia ir donde esta el cuadro verde? por favor, edita tu mensaje original y encierra tu codigo entre etiquetas bbcode para codigos, por ejemplo [code] codigo [/code].

IDRID · #3 (**permalink**) 22/08/2010, 11:11

Cita:

Iniciado por zerokilled

la verdad que tu corta explicacion no da para entender. ¿cuales dos deseas poner al lado del otro? ¿la seccion Login deberia ir donde esta el cuadro verde? por favor, edita tu mensaje original y encierra tu codigo entre etiquetas bbcode para codigos, por ejemplo [code] codigo [/code].

Si donde esta el cuadro verde :)

Milen · #4 (**permalink**) 22/08/2010, 13:21

Hola para empezar cómo va estar tu form q quieres en el cuadro verde, cuando antes d él tienes otro form (el del extremo derecho)... creo que necesitas saber mas de posicionamiento de div's. Empieza por cambiar de lugar los forms y lee + de html, d posicionamiento de div's y convendria tambien de css.

Jask · #5 (**permalink**) 23/08/2010, 02:16

Secundo lo que dicen mis compañeros, pero por si lo que sea necesitas una resuesta rápida prueba con css el position:absolute y muévelo con top, bottom, right, left. Aun así te recomiendo que te leas posicionamiento de div's y css, te va a ser muy útil tanto para este como para los siguientes trabajos que hagas.

Adler · #6 (**permalink**) 23/08/2010, 07:24

Hola

O mas sencillo aún usar la propiedad display display:inline

Suerte

Akiracr · #7 (**permalink**) 23/08/2010, 10:18

Loq ue debes hacer es ya teniendo ambos bloques de contenido en un div es darle a cada uno las siguientes propiedades css: float y width. y si tienes contenido abajo para que no se te monte poner un div con la propiedad clear:both debajo de los div de contenido.

Ejemplo:

<div style='float:left; width:40%'>
contenido izquierdo
</div>
<div style='float:right; width: 40%'>
condenido derecho
</div>
<div style='clear:both'></div>

Nota: si a la primera no se te alinearon es porque la propiedad width no les permite estar en la misma linea debes disminuirla a tal puntoq ue ambos entren en la misma linea

Saludos

IDRID · #8 (**permalink**) 23/08/2010, 12:42

Gracias a todos , hare lo que me decis