1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

Frage Kontakformular soll an Email geschickt werden

Dieses Thema im Forum "PHP" wurde erstellt von crazydaddy, 10 Januar 2017.

  1. crazydaddy

    crazydaddy Neues Mitglied

    Registriert seit:
    15 Mai 2014
    Beiträge:
    7
    Punkte für Erfolge:
    1
    Hallo Liebe Community,

    ich habe schon viel gelesen und auch schon viel versucht aber leider bekomme ich es nicht hin. ich habe ein Kontaktformular welches nach dem Ausfüllen bzw. nach dem Absenden komplett an meine Email veschickt werden soll. Leider bekomme ich dies nicht hin da dann entweder Outlook geöffnet wird oder es passiert garnichts. Ich hätte es aber gerne das es direkt an meine email geht. Vielleicht kann mir jemand helfen da ich auch es auch schon mit generatoren aus dem Internet versucht habe. Ich habe derzeit den Server bei Strato falls das etwas hilft.

    HTML:
    1. <!--- Kontaktformular Start ----->
    2.  
    3.  
    4.  
    5.     <meta charset="utf-8">
    6.     <link rel="stylesheet" type="text/css" href="css/style2.css">
    7.     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    8.     <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    9.  
    10.  
    11. <div class="container">
    12.       <!--Alert error messages-->
    13.       <div id="aquaria_form_alert" class="alert" role="alert" style="font-size: 14px;">
    14.         <strong></strong> <span></span>
    15.       </div>
    16.       <!--Contact Form-->
    17.       <form role="form" class="aquaria_form" onsubmit="return false">
    18.  
    19.         <section id="aquaria_module_1" class="aquaria_title aquaria_module col-sm-12" style="margin-bottom: 20px;">
    20.             <h2 style="font-size: 30px;">Senden Sie uns eine E-Mail</h2>
    21.         </section>
    22.  
    23.        
    24.  
    25.         <section id="aquaria_module_3" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
    26.             <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-user" style="font-size: 14px !important;"></i></span>
    27.             <input type="text" name="Name" data-validation="empty-value" data-err-msg="Bitte geben Sie eien Namen ein" class="form-control" placeholder="Ihr Name" style="font-size: 14px; height: 40px; border-radius: 4px;">
    28.         </section>
    29.  
    30.        
    31.  
    32.         <section id="aquaria_module_19" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-user"></i></span><input type="text" name="Random_19" data-validation="" data-err-msg="" class="form-control" placeholder="Ihr Vorname "></section><section id="aquaria_module_20" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-info-circle"></i></span><input type="text" name="Random_20" data-validation="empty-value" data-err-msg="" class="form-control" placeholder="Stadt"></section><section id="aquaria_module_21" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-info-circle"></i></span><input type="text" name="Random_21" data-validation="" data-err-msg="" class="form-control" placeholder="PLZ"></section><section id="aquaria_module_22" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-phone"></i></span><input type="text" name="Random_22" data-validation="" data-err-msg="" class="form-control" placeholder="Telefonnummer"></section><section id="aquaria_module_23" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-phone"></i></span><input type="text" name="Random_23" data-validation="empty-value" data-err-msg="" class="form-control" placeholder="Handynummer"></section><section id="aquaria_module_2" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
    33.             <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-envelope-o" style="font-size: 14px !important;"></i></span>
    34.             <input type="email" name="Email" data-validation="email" data-err-msg="Falsche E-Mail-Adresse" class="form-control" placeholder="Ihre E-Mail" autofocus style="font-size: 14px; height: 40px; border-radius: 4px;">
    35.         </section><section id="aquaria_module_5" class="input-group aquaria_module col-sm-4" style="margin-bottom: 20px;">
    36.             <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-child" style="font-size: 14px !important;"></i></span>
    37.             <select name="Anlass" data-validation="empty-value" data-err-msg="Billte wählen Sie einer dieser Optionen" class="form-control" style="font-size: 14px; height: 40px; border-radius: 4px;">
    38.                 <option selected="" disabled="" value="null">Bitte wählen...</option>
    39.                 <option value="Silvester">Silvester</option>
    40.                 <option value="Hochzeit">Hochzeit</option>
    41.                 <option value="Weihnachten">Weihnachten</option>
    42.             <option value="Familienfeier">Familienfeier</option><option value="Betriebsfeier">Betriebsfeier</option><option value="Events">Events</option></select>
    43.         </section>
    44.  
    45.        
    46.  
    47.        
    48.  
    49.         <section id="aquaria_module_8" class="input-group aquaria_module col-sm-12" style="margin-bottom: 20px;">
    50.             <p class="separ" style="font-size: 14px;"></p>
    51.         </section>
    52.  
    53.  
    54.        
    55.  
    56.         <section id="aquaria_module_17" class="input-group aquaria_module col-sm-10" style="text-align: center;"><p>Bitte wählen Sie ein Datum an dem die von Ihnen gewählte Veranstaltung stattfinden soll </p></section><section id="aquaria_module_10" class="input-group aquaria_module date col-sm-6" style="margin-bottom: 20px;">
    57.             <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-calendar" style="font-size: 14px !important;"></i></span>
    58.             <input type="text" name="From" data-format="LL" data-locale="de-at" data-validation="" data-err-msg="" class="form-control" placeholder="Datum" autocomplete="off" style="font-size: 14px; height: 40px; border-radius: 4px;">
    59.         </section>
    60.  
    61.          
    62.  
    63.        
    64.  
    65.        
    66.  
    67.  
    68.         <section id="aquaria_module_14" class="input-group aquaria_module col-sm-12" style="margin-bottom: 20px;">
    69.             <textarea name="Message" data-validation="" data-err-msg="" class="form-control" placeholder="Schreiben Sie uns eine Nachricht" style="font-size: 14px; border-radius: 4px;"></textarea>
    70.         </section>
    71.  
    72.  
    73.  
    74.         <section id="aquaria_form_submit" class="input-group aquaria_module col-sm-3" style="margin-bottom: 20px;">
    75.             <button class="btn btn-lg btn-primary btn-block" data-loading-text="Sending ..." autocomplete="off" type="submit" style="font-size: 18px; border-radius: 4px;">Nachricht versenden</button>
    76.         </section><section id="aquaria_captcha" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
    77.             <span class="aquaria_captcha_addon"><img id="aquaria_captcha_pic" src="captcha/captcha.php"></span>
    78.             <i class="fa fa-refresh" onclick="$(&quot;#aquaria_captcha_pic&quot;).attr(&quot;src&quot;, &quot;captcha/captcha.php?&quot;+(new Date()).getTime());$(&quot;#aquaria_captcha-form&quot;).focus();"></i>
    79.             <input id="aquaria_captcha-form" type="text" data-validation="empty-value" data-err-msg="Please enter captcha code" class="form-control" placeholder="Captcha code" name="aquaria_captcha-form" autocomplete="off" style="font-size: 14px; height: 40px; border-radius: 4px;">
    80.         </section>
    81.  
    82.        
    83.  
    84.        
    85.       </form><!--End contact Form-->
    86. </div><!--End container-->
    87.  
    88.  
    89.   <div id="aquariaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="aquariaModalLabel" aria-hidden="true" style="display: none;">
    90.       <div class="modal-dialog">
    91.         <div class="modal-content">
    92.           <div class="modal-header">
    93.             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
    94.             <h4 class="modal-title" id="aquariaModalLabel"><i style="color: green;" class="fa fa-check-circle"></i> <span id="aquariaModalLabelTitle"></span><a class="anchorjs-link" href="#aquariaModalLabel"><span class="anchorjs-icon"></span></a></h4>
    95.           </div>
    96.           <div class="modal-body">
    97.               <p></p>
    98.           </div>
    99.           <div class="modal-footer">
    100.             <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
    101.           </div>
    102.         </div><!-- /.modal-content -->
    103.       </div><!-- /.modal-dialog -->
    104.     </div>
    105. <div style="font-size:8px; text-align:center;"> © by <a href="http://kontaktformular-erstellen.googleseo.de/" target="_blank" title="Kontaktformular Gratis">Kontaktformular Gratis</a> - Alle Rechte vorbehalten.</div>
    106. <script type="text/javascript" src="js/jquery.min.js"></script>
    107. <script type="text/javascript" src="js/bootstrap.min.js"></script>
    108. <script type="text/javascript" src="js/jquery.placeholder.js"></script>
    109. <script type="text/javascript" src="js/datetimepicker.min.js"></script>
    110. <script type="text/javascript" src="js/aquaria.form.js"></script>
    111.  
    112.  
    113.  
    114.  
    115. <!--- Kontaktformular Ende ----->
     
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. crazydaddy

    crazydaddy Neues Mitglied

    Registriert seit:
    15 Mai 2014
    Beiträge:
    7
    Punkte für Erfolge:
    1
    Hier dann die PHP dazu

    PHP:
    1. [PHP]<?php
    2.  
    3. $P = 'a:14:{s:5:"debug";s:1:"0";s:11:"captchaStat";s:1:"1";s:11:"rec_email_t";s:15:"Kontaktformular";s:9:"rec_email";s:19:"kontakt@dj-rayan.de";s:11:"rec_email_s";s:15:"Kontaktformular";s:16:"from_email_input";s:5:"Email";s:13:"err_captcha_t";s:18:"Error Captcha Code";s:15:"empty_captcha_t";s:24:"Sicherheitscode eingeben";s:12:"sent_email_t";s:35:"E-Mail wurde erfolgreich verschickt";s:15:"sent_email_body";s:37:"Danke! Ihre Nachricht wurde empfangen";s:14:"err_somthing_t";s:33:"Error E-Mail wurde nicht gesendet";s:9:"cc_emails";s:0:"";s:10:"bcc_emails";s:0:"";s:10:"files_prop";a:4:{s:9:"file_size";s:1:"1";s:8:"file_ext";s:3:"all";s:13:"file_size_err";s:14:"Datei zu groß";s:12:"file_ext_err";s:27:"Ungültige Dateierweiterung";}}';//Params
    4. $P = unserialize($P);
    5.  
    6. function returnF($err, $errMsg, $title = '', $body = ''){//function returns messages
    7.   global $P;
    8.   if($P['debug'] == 1 && $err == 0){
    9.     echo '0'. '$%&' .$body. '$%&' .'This is how your received email look like';
    10.     exit;
    11.   }
    12.   echo $err. '$%&' .$errMsg. '$%&' .$title;
    13.   unset($_SESSION['captcha']);
    14.   exit;
    15. }
    16.  
    17. /** Validate captcha **/
    18. if ($P['captchaStat'] != 0){
    19.   $captcha = htmlspecialchars($_POST['aquaria_captcha-form'], ENT_QUOTES,"UTF-8");
    20.   if (!empty($captcha)) {
    21.     if (empty($_SESSION['captcha']) || trim(strtolower($captcha)) != $_SESSION['captcha']) {
    22.       returnF(1, $P['err_captcha_t']);
    23.     }
    24.   }
    25.   else returnF(1, $P['empty_captcha_t']);//captcha is empty
    26. }
    27.  
    28.  
    29. //load submited data
    30. $list_data = '';
    31. $posted_data = $_POST;
    32. unset($posted_data['aquaria_captcha-form']);
    33. foreach ($posted_data as $key => $value) {//building list
    34.   $value = htmlspecialchars($value, ENT_QUOTES,"UTF-8");
    35.   if($key == $P['from_email_input']) $from_email = $value; //From email address
    36.   if($value ==! '') $list_data .= "<li><b>$key </b>: $value</li>";
    37. }
    38. $body = '<!DOCTYPE html>
    39.         <html>
    40.         <html>
    41.         <head>
    42.           <meta charset="utf-8">
    43.         </head>
    44.         <body>
    45.             <h4>'.$P['rec_email_t'].'</h4>
    46.             <ul>'.$list_data.'</ul>
    47.         </body>
    48.         </html>';//base html to display message
    49.  
    50. // boundary
    51. $semi_rand = md5(time());
    52. $mime_boundary = "==Multipart_Boundary_x{$semi_rand}x";
    53. $attach = "";
    54.  
    55. if(!empty($_FILES)){
    56.   foreach ($_FILES as $name => $arr) {
    57.  
    58.      if($arr['name'] != '') {
    59.       $tmpName = $arr['tmp_name'];
    60.       $fileName = $arr['name'];
    61.       $fileSize = $arr['size'];
    62.       $ext = end((explode(".", $fileName)));
    63.  
    64.       if($fileSize <= $P['files_prop']['file_size'] * 1048576){
    65.         $propExt = explode(",", $P['files_prop']['file_ext']);
    66.         if($P['files_prop']['file_ext'] == "all") $ext = "all";
    67.         if(in_array($ext,$propExt)){
    68.           $file = fopen($tmpName,'rb');
    69.           $data = fread($file,filesize($tmpName));
    70.           fclose($file);
    71.  
    72.           $data = chunk_split(base64_encode($data));
    73.           $attach .= "--{$mime_boundary}\n";
    74.           $attach .= "Content-Type: {\"application/octet-stream\"};\n" . " name=\"$fileName\"\n" .
    75.           "Content-Disposition: attachment;\n" . " filename=\"$fileName\"\n" .
    76.           "Content-Transfer-Encoding: base64\n\n" . $data . "\n\n";
    77.           //echo '0'.$data;
    78.         }
    79.         else returnF(1, $P['files_prop']['file_ext_err']);
    80.       }
    81.       else returnF(1, $P['files_prop']['file_size_err']);
    82.      }
    83.   }//submitted files
    84. }//if $_FILES is not empty
    85.  
    86. $headers = "";
    87.  
    88. if(isset($from_email)){//if from email input has been set
    89.   $headers .= "From: $from_email" . "\n";
    90.   $headers .= "Reply-To: $from_email" . "\n";
    91. }
    92.  
    93. $headers .= "Cc: ".$P['cc_emails']."" . "\n";
    94. $headers .= "Bcc: ".$P['bcc_emails']."" . "\n";
    95. $headers .= "MIME-Version: 1.0\n" . "Content-Type: multipart/mixed;\n" . " boundary=\"{$mime_boundary}\"";
    96. $message = "--{$mime_boundary}\n" . "Content-Type: text/html; charset=utf-8\n" . "Content-Transfer-Encoding:  7bit\n\n" . $body . "\n\n";
    97. $message .= $attach;//file attach
    98.  
    99. //mail send function
    100. if(mail($P['rec_email'],$P['rec_email_s'],$message,$headers)){
    101.   returnF(0, $P['sent_email_body'], $P['sent_email_t'], $body);
    102. }
    103. else returnF(1, $P['err_somthing_t']);
    104.  
    105. ?>
    [/PHP]
     
  3. threadi

    threadi Moderator Team Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    15.016
    Punkte für Erfolge:
    83
  4. crazydaddy

    crazydaddy Neues Mitglied

    Registriert seit:
    15 Mai 2014
    Beiträge:
    7
    Punkte für Erfolge:
    1
    Ich werde es mir mal anschauen und versuchen es einzubinden oder abzuändern so das alles soi bleibt wie es ist nur dass es dann per mail geschickt wird. Ich hoffe das klappt alles so wie ich mir das vorstelle aber auch erst mal danke für die schnelle Antwort.
     
  5. crazydaddy

    crazydaddy Neues Mitglied

    Registriert seit:
    15 Mai 2014
    Beiträge:
    7
    Punkte für Erfolge:
    1
    Ich habe es geschafft und es läuft auch.
    ich habe jetzt nur ein kleines problem mit der Positionierung.
    Das kontaktformular ist nun ganz oben bei bei mir und das soll es nicht. wie bekomme ich das denn weiter runter ? wenn ich das in der CSS mache dann rutscht die Komplette seite Runter und das Formular liegt über der Grafik oben auf der Seite.



    HTML:
    1. <form id="form_22" name="Contact_2" onsubmit="return validate_form_22(this)" action="mailto:dj@dj-rayan.de" method="post" target="_self" enctype="text/plain" style="margin:0;position:absolute;left:189px;top:557px;width:276px;height:631px;">
    2.  
    3. <!--- Kontaktformular Start ----->
    4.  
    5.  
    6.  
    7.     <meta charset="utf-8">
    8.     <link rel="stylesheet" type="text/css" href="css/style2.css">
    9.     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    10.     <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    11.  
    12.  
    13. <div class="container">
    14.       <!--Alert error messages-->
    15.       <div id="aquaria_form_alert" class="alert" role="alert" style="font-size: 14px;">
    16.         <strong></strong> <span></span>
    17.       </div>
    18.       <!--Contact Form-->
    19.       <form role="form" class="aquaria_form" onsubmit="return false">
    20.  
    21.         <section id="aquaria_module_1" class="aquaria_title aquaria_module col-sm-12" style="margin-bottom: 20px;">
    22.             <h2 style="font-size: 30px;">Senden Sie uns eine E-Mail</h2>
    23.         </section>
    24.  
    25.        
    26.  
    27.         <section id="aquaria_module_3" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
    28.             <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-user" style="font-size: 14px !important;"></i></span>
    29.             <input type="text" name="Name" data-validation="empty-value" data-err-msg="Bitte geben Sie eien Namen ein" class="form-control" placeholder="Ihr Name" style="font-size: 14px; height: 40px; border-radius: 4px;">
    30.         </section>
    31.  
    32.        
    33.  
    34.         <section id="aquaria_module_19" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-user"></i></span><input type="text" name="Random_19" data-validation="" data-err-msg="" class="form-control" placeholder="Ihr Vorname "></section><section id="aquaria_module_20" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-info-circle"></i></span><input type="text" name="Random_20" data-validation="empty-value" data-err-msg="" class="form-control" placeholder="Stadt"></section><section id="aquaria_module_21" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-info-circle"></i></span><input type="text" name="Random_21" data-validation="" data-err-msg="" class="form-control" placeholder="PLZ"></section><section id="aquaria_module_22" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-phone"></i></span><input type="text" name="Random_22" data-validation="" data-err-msg="" class="form-control" placeholder="Telefonnummer"></section><section id="aquaria_module_23" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-phone"></i></span><input type="text" name="Random_23" data-validation="empty-value" data-err-msg="" class="form-control" placeholder="Handynummer"></section><section id="aquaria_module_2" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
    35.             <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-envelope-o" style="font-size: 14px !important;"></i></span>
    36.             <input type="email" name="Email" data-validation="email" data-err-msg="Falsche E-Mail-Adresse" class="form-control" placeholder="Ihre E-Mail" autofocus style="font-size: 14px; height: 40px; border-radius: 4px;">
    37.         </section><section id="aquaria_module_5" class="input-group aquaria_module col-sm-4" style="margin-bottom: 20px;">
    38.             <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-child" style="font-size: 14px !important;"></i></span>
    39.             <select name="Anlass" data-validation="empty-value" data-err-msg="Billte wählen Sie einer dieser Optionen" class="form-control" style="font-size: 14px; height: 40px; border-radius: 4px;">
    40.                 <option selected="" disabled="" value="null">Bitte wählen...</option>
    41.                 <option value="Silvester">Silvester</option>
    42.                 <option value="Hochzeit">Hochzeit</option>
    43.                 <option value="Weihnachten">Weihnachten</option>
    44.             <option value="Familienfeier">Familienfeier</option><option value="Betriebsfeier">Betriebsfeier</option><option value="Events">Events</option></select>
    45.         </section>
    46.  
    47.        
    48.  
    49.        
    50.  
    51.         <section id="aquaria_module_8" class="input-group aquaria_module col-sm-12" style="margin-bottom: 20px;">
    52.             <p class="separ" style="font-size: 14px;"></p>
    53.         </section>
    54.  
    55.  
    56.        
    57.  
    58.         <section id="aquaria_module_17" class="input-group aquaria_module col-sm-10" style="text-align: center;"><p>Bitte wählen Sie ein Datum an dem die von Ihnen gewählte Veranstaltung stattfinden soll </p></section><section id="aquaria_module_10" class="input-group aquaria_module date col-sm-6" style="margin-bottom: 20px;">
    59.             <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-calendar" style="font-size: 14px !important;"></i></span>
    60.             <input type="text" name="From" data-format="LL" data-locale="de-at" data-validation="" data-err-msg="" class="form-control" placeholder="Datum" autocomplete="off" style="font-size: 14px; height: 40px; border-radius: 4px;">
    61.         </section>
    62.  
    63.          
    64.  
    65.        
    66.  
    67.        
    68.  
    69.  
    70.         <section id="aquaria_module_14" class="input-group aquaria_module col-sm-12" style="margin-bottom: 20px;">
    71.             <textarea name="Message" data-validation="" data-err-msg="" class="form-control" placeholder="Schreiben Sie uns eine Nachricht" style="font-size: 14px; border-radius: 4px;"></textarea>
    72.         </section>
    73.  
    74.  
    75.  
    76.         <section id="aquaria_form_submit" class="input-group aquaria_module col-sm-3" style="margin-bottom: 20px;">
    77.             <button class="btn btn-lg btn-primary btn-block" data-loading-text="Sending ..." autocomplete="off" type="submit" style="font-size: 18px; border-radius: 4px;">Nachricht versenden</button>
    78.         </section><section id="aquaria_captcha" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
    79.             <span class="aquaria_captcha_addon"><img id="aquaria_captcha_pic" src="captcha/captcha.php"></span>
    80.             <i class="fa fa-refresh" onclick="$(&quot;#aquaria_captcha_pic&quot;).attr(&quot;src&quot;, &quot;captcha/captcha.php?&quot;+(new Date()).getTime());$(&quot;#aquaria_captcha-form&quot;).focus();"></i>
    81.             <input id="aquaria_captcha-form" type="text" data-validation="empty-value" data-err-msg="Please enter captcha code" class="form-control" placeholder="Captcha code" name="aquaria_captcha-form" autocomplete="off" style="font-size: 14px; height: 40px; border-radius: 4px;">
    82.         </section>
    83.  
    84.        
    85.  
    86.        
    87.       </form><!--End contact Form-->
    88. </div><!--End container-->
    89.  
    90.  
    91.   <div id="aquariaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="aquariaModalLabel" aria-hidden="true" style="display: none;">
    92.       <div class="modal-dialog">
    93.         <div class="modal-content">
    94.           <div class="modal-header">
    95.             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
    96.             <h4 class="modal-title" id="aquariaModalLabel"><i style="color: green;" class="fa fa-check-circle"></i> <span id="aquariaModalLabelTitle"></span><a class="anchorjs-link" href="#aquariaModalLabel"><span class="anchorjs-icon"></span></a></h4>
    97.           </div>
    98.           <div class="modal-body">
    99.               <p></p>
    100.           </div>
    101.           <div class="modal-footer">
    102.             <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
    103.           </div>
    104.         </div><!-- /.modal-content -->
    105.       </div><!-- /.modal-dialog -->
    106.     </div>
    107. <div style="font-size:8px; text-align:center;"> © by <a href="http://kontaktformular-erstellen.googleseo.de/" target="_blank" title="Kontaktformular Gratis">Kontaktformular Gratis</a> - Alle Rechte vorbehalten.</div>
    108. <script type="text/javascript" src="js/jquery.min.js"></script>
    109. <script type="text/javascript" src="js/bootstrap.min.js"></script>
    110. <script type="text/javascript" src="js/jquery.placeholder.js"></script>
    111. <script type="text/javascript" src="js/datetimepicker.min.js"></script>
    112. <script type="text/javascript" src="js/aquaria.form.js"></script>
    113.  
    114.  
    115.  
    116.  
    117. <!--- Kontaktformular Ende ----->
    118. </form>

    mit diesem code sieht alles super aus aber sobald ich folgendes wegnehme:

    HTML:
    1. <form id="form_22" name="Contact_2" onsubmit="return validate_form_22(this)" action="mailto:dj@dj-rayan.de" method="post" target="_self" enctype="text/plain" style="margin:0;position:absolute;left:189px;top:557px;width:276px;height:631px;">
    dann funktioniert das mit dem email versand aber die Position ist voll für den eimer und ich bekomme es nicht unter das bild etc.
     
  6. Spicelab

    Spicelab Mod | ZENmechanic Team Moderator

    Registriert seit:
    27 November 2015
    Beiträge:
    1.203
    Punkte für Erfolge:
    63
    Die Zeilen #7 - #10 haben an dieser Stelle des HTML-Codes nichts verloren.

    <meta> und <link> gehören grundsätzlich in den Dokumentkopf <head></head>.

    Ausnahme für <body></body>: sie besitzen das itemprop-Attribut.
    nested forms <form><form></form></form> gehen garnicht!
    Alle CSS-Dateien/-Regeln, die im HTML-Code nach Deiner individuellen CSS-Datei style2.css folgen, überschreiben in der CSS-typischen Kaskade ihre enthaltenen Regeln.

    Es soll sicher anders herum laufen :cool:

    Aber Achtung: Um das Bootstrap-CSS stellenweise erfolgreich zu überschreiben, bedarf es i.d.R. mind. der gleichen Spezifität (Definition) des jeweiligen Bootstrap-CSS-Selektors!

    Pro Tipp: Falls es irgendwo klemmen sollte, mit dem DevTool Deines Browsers das Element untersuchen, um sie in Erfahrung zu bringen, und in Dein CSS migrieren zu können.