ayuda con formulario formulario

**jerelesi** · 08/08/2010, 19:49

hola a todos de nuevo.
hace tiempo estuve con vosotros e hice una pagina web gracias a vosotros ahora me a picado el gusanillo y voy a ello otra vez pero tengo una preguntita.
tengo una encuesta en el lado de la derecha de la pagina pero como puedo alinear hacia la izquierda las letras de la encuesta.
muchas gracias por vuestra ayuda

**olukarak** · 08/08/2010, 20:45

text-align: left

**jerelesi** · 09/08/2010, 15:07

hola, muchas gracias amigo pero ya lo he intentado y me sigue quedando igual.
puede ser algo del css

**Foley** · 09/08/2010, 15:30

Seguramente ^^

Pásanos el código css y html de tu web ;)

**jerelesi** · 09/08/2010, 20:38

hola muchas gracias por la ayuda hay te lo paso:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Desahogate</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="es" http-equiv="Content-Language">
<META content="desahogate, una web para poder comentar tus problemas con tu madre, suegra, pareja , jefe, amigos " name="description">
<META content="pareja, amigos, jefe, suegra, problemas, peleas, ayuda, amistad, relaciones, rellertas" name="keywords">
<META content="all" name="robots">
<meta name="google-site-verification" content="WyB_jMvdKvrUcJAkzSesrhzLoGK5Ghp3VlUwYIhwE eE" />
<LINK rel="shortcut icon" href="objetos/imagenes-menu/favicon.ico">
<link rel="stylesheet" type="text/css" href="objetos/estilos.css" />
</head>
<body>

<div class="total">

<div class="cizq">
<div id="navcontainer">

<ul id="navlist">

<li id="active">[img]objetos/imagenes-menu/secciones.gif[/img]
<ul id="subnavlist">
<li id="subactive">Deshogate de tu pareja
[*]Deshogate de tu jefe
[*]Deshogate de tu suegra
[*]Deshogate de tus amigos">Deshogate de tus amigos

[/list]

<li id="active">[img]objetos/imagenes-menu/patrocinadores.gif[/img]
<ul id="subnavlist">
[img]objetos/imagenes/2.jpg[/img]</center>
[img]objetos/imagenes/3.jpg[/img]</center>

[/list]

[/list]</div>

</div>

<div class="cb">

<div class="picture">[img]objetos/imagenes-menu/cabecera.gif[/img]

<style>
#divencab2 {
BACKGROUND: #E00346; /*Éste es el color de fondo de la marquesina*/
LEFT: 390px;
WIDTH: 400px; /*Aquí va el ancho de tu blog en píxeles*/
BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
POSITION: absolute;
TOP: 5px; /*Ésta es la distancia al margen superior de la página*/
HEIGHT: auto;
BORDER-BOTTOM-STYLE: none;
COLOR: white; /*Color de la letra*/
}
</style>

<div id=divencab2 style="WORD-SPACING: 0.5em">
<marquee loop=100> <! El 5 indica la cantidad de veces que se va a repetir >
[img]objetos/imagenes/1.jpg[/img]
[img]objetos/imagenes/2.jpg[/img]
[img]objetos/imagenes/3.jpg[/img]
[img]objetos/imagenes/4.jpg[/img]
[img]objetos/imagenes/5.jpg[/img]
[img]objetos/imagenes/6.jpg[/img]
[img]objetos/imagenes/7.jpg[/img]
[img]objetos/imagenes/8.jpg[/img]
[img]objetos/imagenes/9.jpg[/img]
[img]objetos/imagenes/10.jpg[/img]
</marquee>

</div>

</div>

<div class="cc">

<div class="titulo">Desahogate aqui con nosotros.</div>
<div class="textGen">

Nunca has estado arto/a de algo y te has tenido de callar,.... a mi me a pasado y seguro que a ti tambien, pues para esto esta esta web, para desahogarte de todas esas cosas que no puedes aguantar mas y sin embargo no puedes decir.</p>

Si deseas desahogarte con nosotros, buscar ayuda, venganza,.... rellena el formulario.</p>
<form action="formulario.php" method="post" enctype="multipart/form-data" name="form1">
<table width="100%" border="0">
<tr>
<td><div align="right">Nombre</div></td>
<td><input name="nombre" type="text" id="nombre" maxlength="50"></td>
</tr>
<tr>
<td><div align="right">Comentario</div></td>
<td><textarea name="comentario" id="comentario"rows="10" cols="35"></textarea></td>
</tr>
<tr>
<td><div align="right"><input type="radio" name="opciones" value="Deshogate de tu pareja" /></div></td><td>Deshogate de tu pareja</td>
</tr>
<tr>
<td><div align="right">
<input type="radio" name="opciones" value="Deshogate de tu jefe" /></div></td><td>Deshogate de tu jefe</td>
</tr>
<tr>
<td><div align="right"><input type="radio" name="opciones" value="Deshogate de tu suegra" /></div></td><td>Deshogate de tu suegra</td>
</tr>
<tr>
<td><div align="right">
<input type="radio" name="opciones" value="Deshogate de tus amigos" /></div></td><td>Deshogate de tus amigos</td>
</tr>
<tr>
<td><div align="right">
<input name="Restablecer" type="reset" id="Restablecer" value="Restablecer">
</div></td>
<td><input name="Enviar" type="submit" id="Enviar" value="Enviar"></td>
</tr>
</table>
</form>

</p>

</p>

</p>
</div>

</div>

<div class="letra-pie">
Todos los derechos reservados.

Desahogate

Mapa Web

</div>
</div>

<div class="cder">

<div id="navcontainer">
<ul id="navlist">
<li id="active">[img]objetos/imagenes-menu/contador.gif[/img]

<ul id="subnavlist">

<script type="text/javascript" src="http://www.usuarios-online.com/usuarios.php?v=www.desahogate.vacau.com/"></script> usuarios online <noscript>juegos flash - anuncios - juegos - musica - programas - juegos gratis - contador</noscript>

<script language="JavaScript">
function mueveReloj(){
momentoActual = new Date()
hora = momentoActual.getHours()
minuto = momentoActual.getMinutes()
segundo = momentoActual.getSeconds()

str_segundo = new String (segundo)
if (str_segundo.length == 1)
segundo = "0" + segundo

str_minuto = new String (minuto)
if (str_minuto.length == 1)
minuto = "0" + minuto

str_hora = new String (hora)
if (str_hora.length == 1)
hora = "0" + hora

horaImprimible = hora + " : " + minuto + " : " + segundo

document.form_reloj.reloj.value = horaImprimible

setTimeout("mueveReloj()",1000)
}
</script>
</head>

<body onload="mueveReloj()">

<form name="form_reloj">
<input type="text" name="reloj" size="10" style="background-color : #E00346; color : White; font-family : Verdana, Arial, Helvetica; font-size : 8pt; text-align : center;" onfocus="window.document.form_reloj.reloj.blur()">
</form>

[/list]

</div>

<div id="navcontainer">

<ul id="navlist">
<li id="active">[img]objetos/imagenes-menu/encuesta.gif[/img]
<ul id="subnavlist">
<li id="subactive">
<form action="votar.php" method="post" enctype="multipart/form-data" name="form1">
<table width="100%" border="0">
<tr>

<td><div align="left">
<input type="radio" name="opciones" value="pareja" /></div></td><td><font color="#E00346">[b]Pareja</td>
</tr>
<tr>
<td><div align="left"><input type="radio" name="opciones" value="jefe" /></div></td><td><font color="#E00346">[b]Jefe</td>
</tr>
<tr>
<td><div align="left"><input type="radio" name="opciones" value="suegra" /></div></td><td><font color="#E00346">[b]Suegra</td>
</tr>
<tr>
<td><div align="left">
<input type="radio" name="opciones" value="amigos" /></div></td><td><font color="#E00346">[b]Amigos</td>
</tr>
<td><input name="Enviar" type="submit" id="Enviar" value="Votar"></td>
</tr>
</table>
</form>

<div id="navcontainer">

<ul id="navlist">
<li id="active">[img]objetos/imagenes-menu/afiliados.gif[/img]
<ul id="subnavlist">
<li id="subactive">

[/list]

</div>

</body>
</html>

/* CSS Document */
a {text-decoration:none; color: #E00346; font-weight:bold;}
a:hover { color:#ff7a01; font-weight: bold;}
.total{ background-color: white;width:800px;left:50%;position:absolute;margi n-top:10px;margin-left:-400px;}
.cb{position:absolute; width:800px; height:156px; margin-top:0px; margin-left:0px;}
.cizq{position:absolute; width:175px; height:300px; margin-top:160px; margin-left:0px;}
.cder{position:absolute; width:175px; height:300px; margin-top:160px; margin-left:630px;}
.cc{position:relative; width:410px; margin-top:-10px; margin-left:200px;border-top-width: 0px;border-top-style: dotted;border-top-color: #666666;}
.letra-pie{position:relative; width:800px; height:30px; margin-left:0px; margin-top:10px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-align:center;}
.titulo{text-align:center;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:22px; color:#E00346;}
.subtitle{text-align:center;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#E00346;}

.textNot{ font-family:Geneva, Arial, Helvetica, sans-serif;font-size:13px;color:#666666;line-height: 22px;}
.textGen{ font-family:Geneva, Arial, Helvetica, sans-serif;font-size:13px;color:#666666;line-height: 22px;}
.textGen a {color:#E00346; font-weight:bold;}
.textGen a:hover {color:#E00346; font-weight:bold;}

/*------------------------------------- items menu izquierdo ------------- */
#navcontainer {text-align:center; width: 190px;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:11px;
}

#navcontainer li { margin: 0 0 0px 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
color: #E00346;
background-color: #fff;
text-decoration: none;
}

#navcontainer a:hover
{
color: #E00346;
background-color: #fff;
text-decoration: none;

}

#navcontainer ul ul li { margin: 0 0 0px 0; }

#navcontainer ul ul a
{
height:10px; padding-top:0px; color:#E00346; text-decoration: none;
}
#navcontainer ul ul a:hover
{

font-size: 12px;
text-indent: 14px;
background-repeat:no-repeat;
color:#E00346;
background-position: 10px 4px;
font-weight: bold;
text-decoration:underline;
}

**Foley** · 10/08/2010, 13:31

Crea un estilo css para este div:

<div align="left">

Pon en tu html:

Código:

<div class="encuesta">

Y en tu css:

Código:

.encuesta {text-align:left}

Así debería funcionar.

P.D: Evita poner todos esos espacios, hacen que la web cargue más lento. Es mejor que comentes con comentarios html el código ;)

Saludos

**jerelesi** · 11/08/2010, 14:42

hola amigos gracias lo he estado intentando pero se mueve un poco a la izquierda pero casi nada

**jerelesi** · 11/08/2010, 15:16

hola, creo verlo resuelto cambiando las tablas a ver que os parece ahora amigos

<TABLE>
<TR><TD><input type="radio" name="opciones" value="pareja"/></TD><td align="left"><font color="#E00346">[b]Con tu Pareja</TD></TR>
<TR><TD><input type="radio" name="opciones" value="jefe"/></TD><td align="left"><font color="#E00346">[b]Con tu Jefe</TD></TR>
<TR><TD><input type="radio" name="opciones" value="suegra"/></TD><td align="left"><font color="#E00346">[b]Con tu Suegra</TD></TR>
<TR><TD><input type="radio" name="opciones" value="amigos" /></TD><td align="left"><font color="#E00346">[b]Con tus Amigos</TD></TR>
<TR><TD><input name="Enviar" type="submit" id="Enviar" value="Votar"></p></TD>
</form>
</TABLE>