Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 8 de 8

Tema: ayuda con formulario formulario

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    07 oct, 08
    Mensajes
    163
    Poder de Reputación
    18

    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

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de olukarak
    Fecha de Ingreso
    28 jul, 10
    Ubicación
    Marte
    Mensajes
    1,790
    Poder de Reputación
    23
    text-align: left
    Tutorial de CSS3: http://www.comocreartuweb.com/consul...el-19-09-10%29

    Se borrarán los mensajes cuyo título no explique la duda: http://www.comocreartuweb.com/consul...titulo-la-duda!!

    Cómo preguntar en CCTW: http://www.comocreartuweb.com/consul...guntar-en-CCTW

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    07 oct, 08
    Mensajes
    163
    Poder de Reputación
    18
    hola, muchas gracias amigo pero ya lo he intentado y me sigue quedando igual.
    puede ser algo del css

  4. #4
    Moderador CCTW Habitante
    Fecha de Ingreso
    12 ago, 07
    Ubicación
    Galicia (España)
    Mensajes
    3,351
    Poder de Reputación
    35
    Seguramente ^^

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

  5. #5
    Me va gustando esto... Habitante
    Fecha de Ingreso
    07 oct, 08
    Mensajes
    163
    Poder de Reputación
    18
    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;
    }

  6. #6
    Moderador CCTW Habitante
    Fecha de Ingreso
    12 ago, 07
    Ubicación
    Galicia (España)
    Mensajes
    3,351
    Poder de Reputación
    35
    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

  7. #7
    Me va gustando esto... Habitante
    Fecha de Ingreso
    07 oct, 08
    Mensajes
    163
    Poder de Reputación
    18
    hola amigos gracias lo he estado intentando pero se mueve un poco a la izquierda pero casi nada

  8. #8
    Me va gustando esto... Habitante
    Fecha de Ingreso
    07 oct, 08
    Mensajes
    163
    Poder de Reputación
    18
    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>

Temas Similares

  1. Ayuda con formulario.
    Por Dantirian en el foro Foro General
    Respuestas: 5
    Último Mensaje: 02/08/2010, 21:52
  2. Ayuda con formulario
    Por LEM en el foro Formularios
    Respuestas: 5
    Último Mensaje: 25/05/2008, 19:17

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •