ayuda con formulario formulario

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
hola, muchas gracias amigo pero ya lo he intentado y me sigue quedando igual.
puede ser algo del css
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_jMvdKvrUcJAkzSesrhzLoGK5Ghp3VlUwYIhwEeE" />
<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">[contenido no disponible]
<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








    <li id="active">[contenido no disponible]
    <ul id="subnavlist">
    [contenido no disponible]</center>
    [contenido no disponible]</center>













    </div>


    </div>

    <div class="cb">

    <div class="picture">[contenido no disponible]

    <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 >
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    </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">[contenido no disponible]

    <ul id="subnavlist">


    <script type="text/javascript" src="http://www.usuarios-online.com/usuarios.php?v=www.desahogate.vacau.…"></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>






    </div>




    <div id="navcontainer">

    <ul id="navlist">
    <li id="active">[contenido no disponible]
    <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">Pareja</td>
    </tr>
    <tr>
    <td><div align="left"><input type="radio" name="opciones" value="jefe" /></div></td><td><font color="#E00346">Jefe</td>
    </tr>
    <tr>
    <td><div align="left"><input type="radio" name="opciones" value="suegra" /></div></td><td><font color="#E00346">Suegra</td>
    </tr>
    <tr>
    <td><div align="left">
    <input type="radio" name="opciones" value="amigos" /></div></td><td><font color="#E00346">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">[contenido no disponible]
    <ul id="subnavlist">
    <li id="subactive">







    </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;margin-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;
    }
    Crea un estilo css para este div:

    <div align="left">

    Pon en tu html:

    <div class="encuesta">

    Y en tu css:

    .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
    hola amigos gracias lo he estado intentando pero se mueve un poco a la izquierda pero casi nada
    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">Con tu Pareja</TD></TR>
    <TR><TD><input type="radio" name="opciones" value="jefe"/></TD><td align="left"><font color="#E00346">Con tu Jefe</TD></TR>
    <TR><TD><input type="radio" name="opciones" value="suegra"/></TD><td align="left"><font color="#E00346">Con tu Suegra</TD></TR>
    <TR><TD><input type="radio" name="opciones" value="amigos" /></TD><td align="left"><font color="#E00346">Con tus Amigos</TD></TR>
    <TR><TD><input name="Enviar" type="submit" id="Enviar" value="Votar"></p></TD>
    </form>
    </TABLE>