• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Kontakformular

C

cascada

Neues Mitglied
Hallo Zusammen

Ich bin noch blutiger Anfänger was HTML angeht...

Ich möchte das Formular gerne zentriert haben, und die Mails kommen nicht an.
Wo ist der Fehler?
In der Ansicht vom Editor zeigts es mir zentriert an, jedoch nicht im IE.

Code: 
<body>


<div style="font-family:Verdana;color:#D99C53;”>
<body text="#D99C53" bgcolor="#FFFFFF" link="#D99C53" alink="#D99C53" vlink="#D99C53">

<p align="center"><form method="post" action="http://www.cascada.meximas.com" accept-charset="ISO-8859-1" onsubmit="var originalCharset = document.charset; document.charset = 'ISO-8859-1'; window.onbeforeunload = function () {document.charset=originalCharset;};">

Name <br /> <input name="realname" /> <br />  <br>

E-Mail <br /> <input name="email" /> <br /> <br>

Nachricht <br />

<textarea cols="40" rows="10" name="Message"></textarea> <br />

<input type="submit" value="Senden" />

<input type="hidden" name="recipient" value="[email protected]" />

<input type="hidden" name="subject" value="Subject" />

<input type="hidden" name="redirect" value="http://www.cascada.meximas.com" />

<input type="hidden" name="missing_fields_redirect" value="http://www.cascada.meximas.com" />

<input type="hidden" name="required" value="realname,email,Message" />

</form></p>


</Body>
 
Werbung:
Du solltest dringend deinen HTML-Code überarbeiten. Da kann kein Browser erkennen was Du eigentlich nun wie aussehen lassen möchtest. Bau einen validen HTML-Code und verwende CSS zur Zentrierung.

Wenn Du E-Mails senden willst, musst Du ein Script zur Verarbeitung deines Kontaktformulars ansprechen. Aktuell sendest Du die Daten an http://www.cascada.meximas.com was sicherlich kein Script zur Verarbeitung hiervon bereitstellt.
 
Hallo threadi

Danke für deine schnelle Antwort.
Das sind aber keine gute Neuigkeiten...ohjee.

also dann lass ich das mit dem Formular erstmal weg.... und konzentriere mich vorerst auf den Aubau dieser Seite.
Was ist denn genau falsch? ich hab mir schon gedacht, dass das dem Profi warscheinlich weh tut im Auge.
Aber ich weiss nicht, wie ich das korrigieren kann.
 
Werbung:
Werbung:
okay, ich weiss nicht ob ich auf dem richtigen fuss bin.
meinst du so Sachen wie
anstatt:
Code: 
<p align="center"><img src="http://cascada.meximas.com/banner.jpg" width="1053" height="141"></p>

neu hab ich das jetzt so:
Code: 
<img style="display: block; text-align: center;" src="http://cascada.meximas.com/banner.jpg" width="1053" height="141">
 
Hallo.

threadi meint wohl eher solche Sachen hier:

Code: 
<body>
<div style="font-family:Verdana;color:#D99C53;”>
<body text="#D99C53" bgcolor="#FFFFFF" link="#D99C53" alink="#D99C53" vlink="#D99C53">

Fällt dir denn daran gar nichts auf?
Stichwort: HTML Grundgerüst, Inline Syles, veraltete Attribute.

Gruss
Elroy
 
:confused: wie gesagt,blutiger Anfänger...

hab das jetzt alles etwas abgeändert. hab vermehrt nach validierten codes und html5 gesucht im netz.
Code: 
<!DOCTYPE html>
<html lang="en">

<head>
<title>H O M E - Fotografie Daniela Hochstrasser</title>
       <style type="text/css">
        <!--
        ul#navigation {
                margin: 10px;
                padding: 10px;
                text-align: center;
                list-style-type: none;
        }

        ul#navigation li {
                padding: 9px;
                margin: 0px;
                display: inline;

        }
        a:visited {
          color: #D99C53;
        }


        ul#navigation li a:link {

                background-color: #ffffff;
                padding: 0px 10px 30px 5px;
                font-size: 17px;
                color: #D99C53;
                font-family: Verdana, Helvetica, Arial;
                text-decoration: none;
                font-weight: bold;


        }

        ul#navigation li a:hover {
                border: 0px solid #D99C53;
                background-color: #ffffff;
                padding: 2px 5px 2px 5px;
                color: #874A25;
        }
        -->
        </style>


</head>


<body>

<div align="center"><img src="banner.jpg"></div>
<nav>
<ul id="navigation">
<li><a href="index.html">H O M E</a></li>
<li><a href="fotografie.html">F O T O G R A F I E</a></li>
<li><a href="galerie.html">G A L E R I E</a></li>
<li><a href="portrait.html">P O R T R A I T</a></li>
<li><a href="kontakt.html">K O N T A K T</a></li>
</ul>
</nav>


<div align="center">



<h1> Herzlich Willkommen</h1>


<p> Seite befindet sich im Aufbau </p>


<div align="center"><img src="http://cascada.meximas.com/1.jpg"></div>
<div align="center"><img src="http://cascada.meximas.com/4+5.jpg"></div>
<div align="center"><img src="http://cascada.meximas.com/2.jpg"></div>
<div align="center"><img src="http://cascada.meximas.com/6+7.jpg"></div>
<div align="center"><img src="http://cascada.meximas.com/3.jpg"></div>

</div>

</body>

</html>

ich bin wohl bis jetzt immer etwas auf veraltete codes gestossen. man findet soo viel verschiedenes im netz
ist das so besser?

danke für eure hilfe.


edit: könnt ihr mir eine seite empfehlen, welche validierte codes zur verfügung stellt?
 
Werbung:
Es gibt keine Seite die validierte Codes zur Verfügung stellt. Wenn Du dir diese Sprache, die man sich aneignen muss, näher anschauen willst, wirf einen Blick in die Spezifikationen beim W3C, wo alle Regeln definiert sind:
http://www.w3.org/TR/html5/
 
cascada schrieb:
:confused: wie gesagt,blutiger Anfänger...

hab das jetzt alles etwas abgeändert. hab vermehrt nach validierten codes und html5 gesucht im netz.

ich bin wohl bis jetzt immer etwas auf veraltete codes gestossen. man findet soo viel verschiedenes im netz
ist das so besser?

danke für eure hilfe.
Zum Vergrößern anklicken....

Ja ist besser. Grundlegend sind noch drei Sachen (oder zweieinhalb):

1) Deklariere unbedingt immer (heisst: im <head> von jedem HTML-Dokument) den Zeichensatz, mit dem Text kodiert werden soll. Die (eigentlich einzig) gute Deklaration ist

Code: 
<meta charset="utf-8"/>

Du kannst dann selber googlen, was das genau heisst und bewirkt. Kürzesterklärung: Das Unterlassen einer solchen Angabe kann Fehlanzeigen von Umlauten, Sonderzeichen usw. bewirken.

2) Du hast bei den <div> die Angabe zur Zentrierung immer noch im HTML. Verfrachte auch das ins CSS.

3) Lagere das CSS in eine eigene Datei aus (nenne sie style.css oder wie Du gerade lustig bist, die Endung css ist aber was ich weiss zwingend). Binde diese Dateim in <head> ein mit:

Code: 
<link rel="stylesheet" type="text/css" href="style.css">

Den Dateinamen am Schluss dieser Angabe musst Du natürlich logischerweise an den von Dir gewählten anpassen. Genau so funktioniert die Angabe übrigens nur, wenn style.css genau im selben Ordner ist wie die Wurzeldatei (die dürfte index.html heissen oder zumindest ganz ähnlich). Sonst müsstest Du die Pfadangabe noch genau angeben. Ich würde Dir aber jedenfalls für den Anfang empfehlen das CSS im selben Ordner zu speichern.

Punkt 3 ist übrigens, um das klar zu sagen, nicht zwingend. Es ist auch in HTML 5 korrekt, alles CSS (aber eben natürlich als CSS!) direkt ins HTML-Dokument zu schreiben. Aus Gründen der Übersichtlichkeit und vor allem der Ökonomie, sobald Du weitere (Unter-)Seiten baust (was Du offensichtlich vorhast, wie die Navigation verrät) ist die Auslagerung des CSS in eine eigene Datei unbedingt zu empfehlen.

Hoffe dass Du was daraus nehmen kannst!

Lg X.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben