Pulsa para Regresar a ComoCrearTuWeb.com ComoCrearTuWeb (CCTW)
Foro de ayuda para aprender a crear una pagina web. Registrate y pregunta todo lo que necesites saber.
 
  BuscarBuscar    Regístrate!Regístrate  Tu PerfilTu Perfil    Tus Mensajes PrivadosTus Mensajes Privados    LoginLogin 
TEXTAREA salto de linea en firefox[solucionado]

 
Publicar nuevo tema   Responder al tema    Indice del Foro -> Formularios
Ver tema anterior :: Ver tema siguiente  
Autor Mensaje
RatoN7
Pasaba por aquí...


Registrado: 12 Dic 2009
Mensajes: 2

MensajePublicado: Sab Ene 23, 2010 3:28 am    Asunto: TEXTAREA salto de linea en firefox[solucionado] Responder citando

holas, estoy hace poquito mas de un mes aprendiendo a hacer una web, buscando por mi mismo la informacion sin preguntar, pero hasta aca llegue Confused
La cosa es que hice un formulario de contacto, con los datos, nombre, mail.. etc. y el dato "Mensaje". Lo que pasa es que en IE se ve bien, escribo hasta que llega al final y hace el salto de linea (ver imagen) pero en firefox hace una sola linea larga, sin saltos(imagen 2). Busque por mas de 2 horas pero no logro encontrar la solucion. Uso dreamweaver 4, con css.
Asi se ve en Firefox 2.0 (no hace salto de linea en "mensaje")
http://img7.imageshack.us/img7/1310/firefoxi.gif
Y asi se ve en Explorer 6.0 (esta es la forma correcta)
http://img197.imageshack.us/img197/135/iexplorer2.gif

El codigo html del formulario:
Código:
      <form action="index.php" method="post">
        <fieldset><legend></legend>
        <p><label for="nombre" class="formtitle">Nombre:</label>
          <input type="text" name="nombre" id="nombre" size="35" class="form2" />
        </p>
        <p><label for="email" class="formtitle">eMail:</label>
          <input type="text" name="email" id="email" size="35" class="form2" />
        </p>
        <p><label for="telefono" class="formtitle">Telefono:</label>
          <input type="text" name="telefono" id="telefono" size="35" class="form2" />
        </p>
        <p><label for="asunto" class="formtitle">Asunto:</label>
          <input type="text" name="asunto" id="asunto" size="35" class="form2" />
        </p>
        <p><label for="msg" class="formtitle">Mensaje:</label>
          <textarea name="msg" id="msg" cols="70" rows="5" class="form3" wrap="VIRTUAL"></textarea>
        </p>
        <center>
          <p>
            <input type="image" value="submit" name="botonEnv" src="img/botenv.gif">
          </p>
        </center>
        </fieldset>
      </form>

El CSS del form3:
Código:
.form3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 5px; padding-left: 5px}


gracias por su ayuda, bye

edito y agrego:
otra cosa que no puedo encontrar, es como eliminar el espacio que hay entre un area de texto y un boton con css o html (si se puede) para que queden los dos pegados en una sola linea, gracias

Vuelvo a editar y soluciono:
cometi un error al probarlo jaja, lo que pasa es que yo probe haciendo todo en una misma palabra, IE te corta la palabra donde termina el cuadro y lo hace seguir abajo, firefox le da espacio a lo largo para que entre toda la palabra sin cortes. Si haces un parrafo comun y corriente (separando las palabras) sale de maravilla.

lo de eliminar el espacio entre el area de tezto y el boton, se hace haciendo un float left en ambos.

bye
Volver arriba
Ver perfil de usuario Enviar mensaje privado
Mostrar mensajes de anteriores:   
Publicar nuevo tema   Responder al tema    Indice del Foro -> Formularios Todas las horas son GMT + 1 Hora
Página 1 de 1

 
Hosting de pago para paginas web. Recomendado por CCTW
Cambiar a: