2 Replies Latest reply on Mar 24, 2010 10:07 AM by Alex.Mesquita

    Spry Contact form does not work.

    Alex.Mesquita

      Hi you all

       

      I put our website 3amdesign.de online. Except for the contact form everything seems to work just fine.

       

      I inserted the form and put as action <form action="http://www.3amdesign.de/cgi-bin/formmail.pl"  method="post" name="form1" id="form1">. Now if someone fills out the form he or she should receive an email and we should also receive one with the clients´message. What happens is that I get as answer: "Error 404 - Not found". What am I doing wrong?

       

      Thanks in advance for your help, Alex

       

       

      In order to be sure to give you all the information, here the code of the page in consideration:

       

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

       

      <html xmlns="http://www.w3.org/1999/xhtml">

       

      <head>

       

      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

       

      <meta name="keywords" content="Visuelle KommunikationGrafik, Graphic Effects, Informationsdesign, Corporate Design, Mediendesign, Signet, Firmenlogo, Character-Design, Blickfang, Typografie, 3AM Designbüro, Grafikdesign, Designsprache, Logoentwicklung, Broschüren, Flyer, Bücher, Buchgestaltung, Plakate, Geschäftsausstattung, Firmenschilder, Stempel, Werbung, Kampagnen, Außenwerbung, Webdesign, Webentwicklung, Websites, Simplizität, Einfachheit, Konzepte, Einzigartigkeit, Fotografie, zeitloses Design,visuelle Kommunikation, effektive Kommunikation, Rhein-Neckar Metropolregion, Mannheim, Caracas, Prodiseño, billig, günstg und gut, Topdesign, gutes design günstig " />

       

      <title>3AM Designbüro - Kontakt</title>

       

      <style type="text/css">

       

      <!--

       

      body  {

       

          margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */

       

          padding: 0;

       

          text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */

       

          color: #000000;

       

          font-family: Verdana, Arial, Helvetica, sans-serif;

       

          font-size: 80%;

       

          background-color: #CCC;

       

      }

       

      .twoColFixLt #container {

       

          width: 1025px;

       

          margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */

       

          text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */

       

          background-color: #FFFFFF;

       

          background-image: url(images/kontakt/formular.jpg);

       

          background-repeat: no-repeat;

       

      }

       

      .twoColFixLt #sidebar1 {

       

          float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */

       

          width: 205px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */

       

          background: #EBEBEB; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */

       

          }

       

      .twoColFixLt #mainContent {

       

          margin: 0 0px 0 205px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */

       

      }

       

      .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */

       

          margin-left: 0px;

       

      }

       

      .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */

       

          float: left;

       

          margin-right: 0px;

       

      }

       

      .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */

       

          clear:both;

       

          height:0;

       

          font-size: 1px;

       

          line-height: 0px;

       

      }

       

      #form1 table tr td {

       

          padding-left: 0px;

       

          padding-top: 0px;

       

          margin-top: 0px;

       

          margin-right: 0px;

       

          margin-bottom: 0px;

       

          margin-left: 0px;

       

      }

       

      #name     {

       

          margin-top: 20px;

       

          margin-left: 90px;

       

          border: 1px solid #CCC;

       

      }

       

      #firma     {

       

          margin-left: 90px;

       

          margin-top: 0px;

       

          border: 1px solid #CCC;

       

      }

       

      #telefon     {

       

          margin-left: 90px;

       

          margin-top: -2px;

       

          border: 1px solid #CCC;

       

      }

       

      #email     {

       

          margin-left: 90px;

       

          position: relative;

       

          top: -12px;

       

          border: 1px solid #CCC;

       

      }

       

      #mitteilung     {

       

          margin-top: 10px;

       

          margin-right: 0px;

       

          margin-bottom: 0px;

       

          margin-left: 30px;

       

          padding-top: 0px;

       

          padding-right: 0px;

       

          padding-bottom: 0px;

       

          font-family: Arial, Helvetica, sans-serif;

       

          font-size: 12px;

       

          background-color: #49586D;

       

          color: #FFF;

       

          border-top-style: dotted;

       

          border-right-style: dotted;

       

          border-bottom-style: dotted;

       

          border-left-style: dotted;

       

          border-top-width: 0px;

       

          border-right-width: 0px;

       

          border-bottom-width: 0px;

       

          border-left-width: 0px;

       

          position: relative;

       

      }

       

      #senden {

       

          font-family: Arial, Helvetica, sans-serif;

       

          color: #FFF;

       

          font-size: 10px;

       

          line-height: 100%;

       

          font-style: normal;

       

          padding: 0px;

       

          background-color: #49586D;

       

          margin-top: 15px;

       

          margin-right: 0px;

       

          margin-bottom: 0px;

       

          margin-left: 240px;

       

          border-top-width: 1px;

       

          border-right-width: 1px;

       

          border-bottom-width: 1px;

       

          border-left-width: 1px;

       

          border-top-style: dotted;

       

          border-right-style: dotted;

       

          border-bottom-style: dotted;

       

          border-left-style: dotted;

       

      }

       

      #mainContent #formular {

       

          width: 615px;

       

      }

       

      -->

       

      </style><!--[if IE 5]>

       

      <style type="text/css">

       

      /* Fügen Sie CSS-Box-Modell-Korrekturen für IE 5* in diesen bedingten Kommentar ein. */

       

      .thrColFixHdr #sidebar1 { width: 180px; }

       

      .thrColFixHdr #sidebar2 { width: 190px; }

       

      </style>

       

      <![endif]-->

       

      <!--[if IE]>

       

      <style type="text/css">

       

      /* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */

       

      .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }

       

      .thrColFixHdr #mainContent { zoom: 1; }

       

      /* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft has Layout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */

       

      /* hide hack from Mac-IE5 \*/

       

      * html #mainContent { height: 1%; }

       

      /* end hiding */

       

      /* hide hack from Mac-IE5 \*/

       

      * html #adresse { height: 1%; }

       

      /* end hiding */

       

      </style>

       

      <![endif]-->

       

      <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>

       

      <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />

       

      <script type="text/javascript">

       

      <!--

       

      function MM_preloadImages() { //v3.0

       

        var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

       

          var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

       

          if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

       

      }

       

      function MM_swapImgRestore() { //v3.0


        var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
      }

       

      function MM_findObj(n, d) { //v4.01
        var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
          d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
        if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
        for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
        if(!x && d.getElementById) x=d.getElementById(n); return x;
      }

       

      function MM_swapImage() { //v3.0
        var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
         if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
      }
      //-->
      </script>
      </head>
      <body class="twoColFixLt" onload="MM_preloadImages('images/allgemeine/blau_04.jpg','images/allgemeine/dunkel_05.jpg ','images/allgemeine/blau_03.jpg','images/allgemeine/blau_02.jpg','images/allgemeine/blau_ 01.jpg')">

       

      <div id="container">
        <div id="sidebar1"> <a href="index.html"><img src="images/allgemeine/dunkel_01.jpg" alt="Link zu Home" name="b1" width="205" height="154" border="0" id="b1" onmouseover="MM_swapImage('b1','','images/allgemeine/blau_01.jpg','b5','','images/allgeme ine/dunkel_05.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="referenzen.html"><img src="images/allgemeine/weiss_02.jpg" alt="Link zu Referenzen" name="b2" width="205" height="154" border="0" id="b2" onmouseover="MM_swapImage('b2','','images/allgemeine/blau_02.jpg','b5','','images/allgeme ine/dunkel_05.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="leistungen.html"><img src="images/allgemeine/dunkel_03.jpg" alt="Link zu Leistungen" name="b3" width="205" height="154" border="0" id="b3" onmouseover="MM_swapImage('b3','','images/allgemeine/blau_03.jpg','b5','','images/allgeme ine/dunkel_05.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="ueber_uns.html"><img src="images/allgemeine/weiss_04.jpg" alt="Link zu Über uns" name="b4" width="205" height="154" border="0" id="b4" onmouseover="MM_swapImage('b4','','images/allgemeine/blau_04.jpg','b5','','images/allgeme ine/dunkel_05.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="kontakt.html"><img src="images/allgemeine/blau_05.jpg" alt="Link zu Über uns" name="b5" width="205" height="154" border="0" id="b5" /></a>
          
      <!-- end #sidebar1 --></div>
        <div id="mainContent">
        <div class="fltlft" id=formular><form action="http://www.3amdesign.de/cgi-bin/formmail.pl" method="post" name="form1" id="form1">
          <table width="615" height="154" border="0">
            <tr>
              <td width="303" height="37" id="name2"><label for="name"></label>
              <input name="name" type="text" id="name" size="24" /></td>
             
              <td width="302" rowspan="4" id="td_mitteilung">
              <label for="mitteilung"></label>
              <div align="left">
                <textarea name="mitteilung" id="mitteilung" cols="35" rows="5">Ihre Nachricht...</textarea>
                <input name="senden" type="submit" class="fltrt" id="senden" value="Senden" />
              </div></td>
            </tr>
           
            <tr>
              <td height="28"><label for="firma"></label>
              <input name="firma" type="text" id="firma" size="24" /></td>
            </tr>
           
            <tr>
              <td height="25"><label for="telefon"></label>
              <input name="telefon" type="text" id="telefon" size="24" /></td>
            </tr>
           
            <tr>
              <td height="47"><label for="email"></label>
                <span id="sprytextfield1">
                <input name="email" type="text" id="email" size="24" />
                <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span><span class="textfieldInvalidFormatMsg">falsches Format</span></span></td>
            </tr>
            </table>
      </form></div>
      <div id=adresse><img src="images/kontakt/adresse.jpg" alt="Adresse und Link mailto:" width="205" height="154" border="0" usemap="#Map" class="fltrt" /></div>
      <map name="Map" id="Map">
        <area shape="rect" coords="18,25,185,135" href="mailto:info@3amdesign.de" alt="Mailto: 3AM" />
      </map>

       

       
          <!-- end #mainContent --></div>
          <!-- Dieses clear-Element sollte direkt auf das #mainContent-div folgen, um das #container-div anzuweisen, alle untergeordneten Floats aufzunehmen. -->
         
          <img src="images/kontakt/buehne.jpg" width="820" height="616" border="0" usemap="#Map2" />
          <map name="Map2" id="Map2">
            <area shape="rect" coords="75,51,150,111" href="mailto:3amdesign.de" alt="Mailto: 3AM" />
          </map>
          <br class="clearfloat" />
      <!-- end #container --></div>
      <script type="text/javascript">
      <!--
      var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
      //-->
      </script>
      </body>
      </html>