Formulario que no funciona

pilar0 · 3 Nov 2010, 22:24 · Solicitar retirada

No tengas prisa que no pasa nada, con lo chulo que está quedando.

manmanu · 3 Nov 2010, 22:25 · Solicitar retirada

Hola de nuevo,
bueno ya he descubierto el problema.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mis compa?eros de viaje</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="es" http-equiv="Content-Language">
<meta content="En esta página encontrarás información sobre viajes, compañeeros de viaje con los que relizarlos, información sobre la mayoría de los países del mundo, un foro en el que pereguntar y aportar todas nuestras dudas o conocimientos y, una zona de descargas en la que encontrarás guías, mapas, folletos y revistas totalmente gratis " name="description">
<meta content="compañeros de viaje,compañeros de crucero, viaje, información paises, guías de viaje gratis, folletos gratis, revistas de viajes gratis,planos y mapas gratis, foro"  name="keywords">
<meta content="all" name="robots">
<link href="style.css" type="text/css" rel="stylesheet">
<style type="text/css">

td, table{
	font-family:verdana;
	font-size:9px;
	vertical-align:top;
	line-height:12px;
	color:#7F7F7F;
	
}


form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background-color: #FFFFFF}

a { color:#E93400; text-decoration:none}
a:hover{ text-decoration:underline}

span a { color:#E93400; text-decoration:underline}
span a:hover{ text-decoration:none}

.list ul{margin:0px; padding:0px; list-style:none; line-height:19px;}
.list ul li{ background:url([url]http://www.xn--miscompaerosdeviaje-23b.com/images/list_marker.gif[/url]) no-repeat left top; padding:0 0 0 10px}
.list ul li a{ color:#E93400; text-decoration:underline}
.list ul li a:hover{text-decoration:none}

.policy{ color:#7F7F7F}
.policy a{ color:#000000; text-decoration:none}
.policy a:hover{ text-decoration:underline}

span{ color:#000000}

strong a{ font-size:10px}

strong{ font-size:10px}
b{ color:#E93400}

.form input {
	width:191px;
	height:21px;
	font-family:verdana;
	font-size:9px;
	color: #7F7F7F;
	padding:2px 0 0 6px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#F8F8F8
}

.form textarea {
	width:191px;
	height:102px;
	font-family:verdana;
	font-size:9px;
	color:#7F7F7F;
	padding:2 0 0 6px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#F8F8F8;

}
img {border-style: none}




</style>

</head>
<body>

<table  cellspacing="0" cellpadding="0" align="center">

  <tr>
    <td  style="width:766px; height:780px">
		<table  cellspacing="0" cellpadding="0">
		  <tr>
			<td  style="width:42px; height:780px"></td>
			<td  style="width:676px; height:780px">
				<table  cellspacing="0" cellpadding="0">
				  <tr>
					<td  style="width:676px; height:119px; background-image: url(images/grey_bg.gif); background-repeat:no-repeat">

						<table  cellspacing="0" cellpadding="0">
						  <tr>
							<td  style="width:560px; height:119px">
								<br style="line-height:48px">
								
								[url="index.html"][img]http://www.xn--miscompaerosdeviaje-23b.com/images/Dibujo.JPG[/img][/url]
							<br style="line-height:48px">
							</td>
						  </tr>
						</table>

					</td>
				  </tr>
				   <tr>
					<td  style="width:676px; height:563px">
						<table  cellspacing="0" cellpadding="0">
						  <tr>
							<td  style="width:226px; height:563px">
								[url="index.html"][img]http://www.xn--miscompaerosdeviaje-23b.com/images/back.gif[/img][/url][img]http://www.xn--miscompaerosdeviaje-23b.com/images/pic5_1.gif[/img]

								[img]http://www.xn--miscompaerosdeviaje-23b.com/images/pic5_2.gif[/img]


								[url="index-2.html"][img]http://www.xn--miscompaerosdeviaje-23b.com/images/comp.gif[/img][/url][url="index-3.html"][img]http://www.xn--miscompaerosdeviaje-23b.com/images/srv.gif[/img][/url]

								[url="index-4.html"][img]http://www.xn--miscompaerosdeviaje-23b.com/images/sol.gif[/img][/url][url="index-5.html"][img]http://www.xn--miscompaerosdeviaje-23b.com/images/cont.gif[/img][/url]
 </td>
							<td  style="width:450px; height:563px; background-color:#F8F8F8; background-image:url(images/top.gif); background-repeat:no-repeat">
								<table  cellspacing="0" cellpadding="0">
								  <tr>
									<td  style="width:450px; height:563px; background-image:url(images/bottom.gif); background-repeat:no-repeat; background-position: left bottom" class="list">
										<br style="line-height:30px">
										[img]http://www.xn--miscompaerosdeviaje-23b.com/images/title5_1.gif[/img]


										<br style="line-height:9px">
										[img]http://www.xn--miscompaerosdeviaje-23b.com/images/pic5_3.gif[/img]
										[b]Mis Compa&ntilde;eros de viaje[/b]

										Nuestra p&aacute;gina est&aacute; abierta a cualquier tipo de sugerencia. Es una p&aacute;gina por y para todos y estaremos encantados de compartir con vosotros todo aqu&eacute;l material que os resulte interesante. 

										<br style="line-height:12px">

										<br style="line-height:26px"> 
										[img]http://www.xn--miscompaerosdeviaje-23b.com/images/px2_1.gif[/img]

										<br style="line-height:25px">
										[img]http://www.xn--miscompaerosdeviaje-23b.com/images/title5_2.gif[/img]

										<div style="margin-left:30px">
											<br style="line-height:12px">
											Env&iacute;anos tus comentarios, sugerencias, aportes, etc. 

											<br style="line-height:9px">

										  <form action="" method="post" id="form"> 
                                 <table  cellspacing="0" cellpadding="0" class="form"> 
                                   <tr> 
                                    <td  style="width:198px; height:128px"> 
                                       <table  cellspacing="0" cellpadding="0"> 
                                         <tr> 
                                          <td  style="width:198px; height:27px"><input name="nombre" type="text" value="Nombre:"></td> 
                                         </tr> 

                                          <tr> 
                                          <td  style="width:198px; height:27px"><input name="apellidos" type="text" value="Apellidos:"></td> 
                                         </tr> 
                                          <tr> 
                                          <td  style="width:198px; height:27px"><input name="telefono" type="text" value="Tel&eacute;fono:"></td> 
                                         </tr> 
                                          <tr> 
                                          <td  style="width:198px; height:27px"><input name="mail" type="text" value="e-mail:*"></td> 
                                         </tr> 

                                       </table> 
                                    </td> 
                                    <td  style="width:202px; height:128px"> 
                                       <table cellspacing="0" cellpadding="0"> 
                                         <tr> 
                                          <td  style="width:202px; height:109px;"><textarea name="" cols="1" rows="1">Mensaje:</textarea></td> 
                                         </tr> 
                                        </table> 
                                      </td> 
                                    </tr> 
                                                  </table>
                                                    
                                                   <p style="margin:-15px 0 13px 0;">* Campo obligatorio</p> 
                                                  <table  cellspacing="0" cellpadding="0" class="form"> 
                                                   <tr> 
                                                 <td> 
                                                   <input style="cursor:pointer;margin:0 7px 0 0;" type="submit" name="enviar" id="enviar" value="Enviar"> 
                                                </td> 
                                                 <td> 
                                                   <input style="cursor:pointer" type="reset" name="Restablecer" id="Restablecer" value="Restablecer"> 
                                                   </td> 
                                                 </tr> 
                                            </table> 
                                       </form> 
<p style="border:#090 dotted 1px;padding:10px; background-color:#F2FAED;font:normal 1.3em  'Trebuchet MS', Arial, Helvetica, sans-serif;color:#090; width:87%;margin:10px 0 -61px 0;">Gracias, t&uacute; comentario se a enviado correctamente...</p>					
										</div>
										

										<br style="line-height:24px">
									  [img]http://www.xn--miscompaerosdeviaje-23b.com/images/title5_3.gif[/img]

										<div style="margin-left:30px">
											<br style="line-height:11px">
											<table  cellspacing="0" cellpadding="0">
											  <tr>
												<td  style="width:214px; height:96px">
													[b]Si vas a realizar un aporte es necesario que cumpla dos requisitos imprecindibles: actualidad y fiabilidad.[/b]


													
													<br style="line-height:12px">
													 
												</td>
												<td  style="width:190px; height:96px">
													
													Todos los aportes ser&aacute;n revisados y contrastados por el equipo-web antes de ser publicados.
													<br style="line-height:12px">
													 
												</td>
											  </tr>
											</table>
										</div>

									
									</td>
								  </tr>
								</table>
							</td>
						  </tr>
						</table>
					</td>	
				  </tr>
				   <tr>

					<td  style="width:676px; height:98px" class="policy">
					<br style="line-height:45px">
					miscompa&ntilde;erosdeviaje.com &copy; 2010 					</td>
				  </tr>
				</table>
			</td>
			<td  style="width:48px; height:780px"></td>

		  </tr>
		</table>
	</td>
  </tr>
</table>
</body>
</html>

Mira ahora en Internet explorer si logras verlo.
Copia el código y pruebalo.

Bueno, he de decirte algo....
Internet explorer marca algunas diferencias respecto los demás navegadores, se acercan mucho, pero aún no del todo.

Mi idea es que cuando uno de los archivos sea llamado, correcto, o error, no se aprecien las diferencias de medidas en la cajas de código.
Espero me entiendas, quiero decir, que si no rellenas todos los campos cuando le das a enviar, se abre el archivo error, pero es tan calcado de medidas que no se aprecia si no se referesca la página, por que todo está muy igual.

Pero como siempre internet explorer da el "campano".

Hice todo antes para Firefox, lo probe con IE y van bien, pero imagino que cuando coloque lo del campo obligatorio no lo pase por "IE".

Ahora, lo dejo todo OK..!! para IE, pero hay alguna diferencia con los demás, supongo que lo podremos mirar.

Bueno, hasta luego.

manmanu

PD. el prblema, se me olvidaba...jejeje
Internet explorer no permite un parrafo

dentro de una tabla de datos <td>, dentro de una tabla <table>, y estos dentro de una etiqueta <form>.
Que le vamos a hacer... es un maniatico.

pilar0 · 3 Nov 2010, 22:48 · Solicitar retirada

Ya está, genial.

Supongo que a partir de ahora será más difícil, te aviso de que no se nada de php, un desastre, que vamos a hacer.

pilar0 · 4 Nov 2010, 23:17 · Solicitar retirada

Hola Manmanu, solo paso a saludar, echo de menos "hablar" contigo hoy.

manmanu · 5 Nov 2010, 14:37 · Solicitar retirada

Hola pilar0,
vaya...se agradece jejejeje
Seras de las únicas personas que echan de menos a alguien aquí.

Bueno, he estado un poco liado, pero no he dejado de mirar tu formulario y he visto necesario hacer algunos cambios que espero te gusten.
No me funciona bien con tu código, y a mi modo de ver está un poco mezclado, solo eso.

Bueno, lo que he hecho a sido recomponer el formulario, hacer unos cambios en las hojas, que se vean igual, o lo más parecido en IE y los navegadores tipo nestcape, que por cierto esto ha sido, creo que lo que más tiempo me ha llevado.

Bueno, despues lo he probado y OK:::!!!
Miro a ver si puedo recuperar los mensaejs enviados en mi servidor hosting, y OK::!!!

Lo mejor, miro a ver si los puedo llevar al gestor de correo de OutlooK de mi pc, y OK::!!!.

Bueno creo que ya queda menos, te lo entrgaré todo supongo que hoy en la noche.

Mientras tanto, como no he podido averiguar tu email para enviarte a tí los formularios enviados para probarlo, lo he dejado como está.

Pero lo puedes ojear.
Es un formulario muy básico, pero funciona perfecto.
Ya sabes que no válida la credibilidad del @ del email, pero con el tiempo se puede mejorar.

Lo he subido aquí, que evidentemente lo eliminaré cuando lo hayas visto.
Dime si lo ves bien con tu navegador IE....
http://www.internavegacion.com/prueba/

manmanu

PD. gracias por echarme de menos :lol: :lol: :lol:

pilar0 · 5 Nov 2010, 22:42 · Solicitar retirada

Hola de nuevo, lo que puse era verdad, levábamos toda la semana hablando todos los días y me pasé el día buscando tu respuesta.

A lo nuestro, el formulario se ve muy bien y también es chulo.

Un saludo.

manmanu · 5 Nov 2010, 23:24 · Solicitar retirada

Hola pilar,
buenas.....

Es un poco tarde pero quiero contestar.
Me alegra que te pueda servir, creo que podemos seguir con el formulario.
Te envie un mp con algunos consejos.
Ya queda menos.... jejeje

Voy a colocar los email que me has dicho en el formulario y lo pruebas, vale.....

Pero dime..., ves bien el formulario en tu Internet explorer...???

manmanu

pilar0 · 6 Nov 2010, 00:54 · Solicitar retirada

Un millón de gracias, todo perfecto.

manmanu · 6 Nov 2010, 01:28 · Solicitar retirada

Hola pilar,
me alegra que este todo bien.
Como último paso, te sugiero que en caso de envio correcto, o error envio el botón Restablecer se refresque y desaparezca el aviso aunque sea de esta manera....

Búsca;

<input type="reset" name="Restablecer" id="Restablecer" value="Restablecer">

y sutituyelos en los archivos de error_envio.html y envio_correcto.html por;

[url="http://www.xn--miscompaerosdeviaje-23b.com/contactaconnosotros.html"] <input type="reset" name="Restablecer" id="Restablecer" value="Restablecer">[/url]

Por lo menos funciona y de esta manera podrán refrescar al inicio del formulario sin apreciarse cambios.
Pruebalo.....

saludos y me alegra que te haya servido.

manmanu

pilar0 · 6 Nov 2010, 09:13 · Solicitar retirada

A sus ordenes jefe, ya está.

Un saludo.

manmanu · 6 Nov 2010, 15:26 · Solicitar retirada

Hola,
vaya.... siento decirte que por alguna razón en Internet explorer no funciona.

Con otros navegadores sip....

Bueno, con un poco de tiempo intentaré hace algo para que te funcione.
Por lo menos en los demás navegadores si funciona.

Nos vemos....................
manmanu

pilar0 · 6 Nov 2010, 16:50 · Solicitar retirada

yo por desgracia tengo explorer6, se me pasó el 7 y el 8 me dijeron que "ni de coñ..."

Se vé perfecto y funciona.

manmanu · 6 Nov 2010, 18:39 · Solicitar retirada

Hola, bueno yo utilizo las versiones 6 y 8.
La 6 para verlo desde ese punto de vista, por qué navegar, lo que se dice navegar.... no lo hago con ninguna de las versiones de microsoft desde hace ya bastantes inviernos.

Hay otras opciones.

Creo que no me has entendido amiga, o eso me parece.
Bueno, imagina que das a enviar sin ingresar el email, te sale el aviso en rojo, verdad...???

Pues bien si das a restablecer estando en el archivo de error envio con internet explorer no refresca la página, pero en los demás navegadores si.

Aaaaahhh....... ,
creo que es un pésimo navegador la versión 6 de microsoft, carece de algunas funciones interesantes de las nuevas versiones como la 8.

Pilar, te llegan bien los datos de tu formulario, te gusta de esa manera...????

Los mensajes los ves en tu pc, o debes ir a tu hosting...???
Espero que tengas muchos comentarios que leer y no sean puro Spam.

Suerte.

manmanu

pilar0 · 6 Nov 2010, 19:02 · Solicitar retirada

Lo recibo en mi correo Manu,no tengo que utilizar el del hosting, bien y sin problemas.

Yo tambien espero que no me lo llenen de spam, sería una pena tener que quitarlo con todo el trabajo que te ha costado.

Muchas gracias.

manmanu · 7 Nov 2010, 13:11 · Solicitar retirada

No hay de que......

saludos

manmanu