Eingabeformular Strato/body tag

[sternenschwaermer]

Liebe Kollegen!

Ich habe unter dem Kontaktformular irgenwelche Schwierigkeiten, habe keine richtigen Muster gefunden, und das ehemalige Tabellen-Kontaktformular http://beruf.straub-online.net/html/kontaktformular-alt.html mit dem neuen Formular ersetzt (http://beruf.straub-online.net/html/kontaktformular.html). Es geht um eine Strato-Domain in dem Fall, wenn die Daten auf den Server meiner Energietherapeutin übertragen werden.

Es stimmt weitgehend, aber irgendwas dann doch net. Da muss ein Übertragungsfehler
Kann da bitte jemand den Code überprüfen?

Genauso, wie ich (Code ist aus dem 1und1 Homepagebaukasten, und schon etwas optimiert), irgendwie das Gefühl habe, dass der Body-tag nicht richtig ausgelesen wird, weil da was doppelt ist.
Kann mir da jemand sagen, welches ich aus dem http://beruf.straub-online.net/css/style.css rausschmeissen muss, damit es mit der Schriftgröße 12px etc stimmt?

Bitte hier Kommentieren, wie ich das besser kriege (erst mal die beiden Fragen zum Formular-Fehler und body-Fehler), oder mir zumailen an sternenschwaermer at gmx.de.

Vielen Dank.
Thilo

[Beat]

Es stimmt weitgehend, aber irgendwas dann doch net. Da muss ein Übertragungsfehler
Kann da bitte jemand den Code überprüfen?

Mach das selber mit dem Firefox Plugin Live HTTP Headers

mfg Beat

[sternenschwaermer]

Mach das selber mit dem Firefox Plugin Live HTTP Headers

mfg Beat

Danke, hab ich schon mal installiert.

LG,
Thilo

[EKKi]

Mahlzeit sternenschwaermer,

das ehemalige Tabellen-Kontaktformular http://beruf.straub-online.net/html/kontaktformular-alt.html

Sorry! This document can not be checked.

mit dem neuen Formular ersetzt (http://beruf.straub-online.net/html/kontaktformular.html).

42 Errors found while checking this document as XHTML 1.0 Strict!

Kann da bitte jemand den Code überprüfen?

Das macht der Validator gern für Dich. Die meisten der dort genannten Fehler sind trivial und einfach zu beheben. Sobald Du das getan hast und immer noch Probleme bestehen, sag Bescheid.

MfG,
EKKi

[sternenschwaermer]

Mahlzeit sternenschwaermer,

42 Errors found while checking this document as XHTML 1.0 Strict!

»» Kann da bitte jemand den Code überprüfen?

Das macht der Validator gern für Dich. Die meisten der dort genannten Fehler sind trivial und einfach zu beheben. Sobald Du das getan hast und immer noch Probleme bestehen, sag Bescheid.

Danke Ekki,

Du mal ne Anmerkung:
Dieser Html Validator mit Tidy ist doch irgendwie etwas Schrott, er schmeißt doch sowas wie Javascript etc. raus... und ist auf dem Stand vor ca. 3-4 Jahren?
das macht kein Spaß, das erst raus- und dann wieder reinzustecken.

Ich schau trotzdem.

LG,
Thilo

[EKKi]

Mahlzeit sternenschwaermer,

Dieser Html Validator mit Tidy ist doch irgendwie etwas Schrott, er schmeißt doch sowas wie Javascript etc. raus... und ist auf dem Stand vor ca. 3-4 Jahren?

Ich habe keine Ahnung, auf welchem Stand der Validator des W3C ist (schließlich habe ich den verlinkt) - aber dadurch, dass er vom W3C ist, ist er IMHO eine relativ aussagekräftige Instanz, was die Validität von (X)HTML-Dokumenten angeht. Was andere "Validatoren" angeht (insbesondere diejenigen, die man sich als Browser-Erweiterung herunterladen und installieren kann - auch z.B. in Kombination mit anderen Erweiterungen wie "Tidy"), kann ich da wenig zu sagen ... und um die ging es mir auch nicht.

Schau Dir doch einfach mal die angemeckerten Stellen an:

<script type="text/javascript" http://beruf.straub-online.net/live_tinc.js>

Ich behaupte mal, es ist offensichtlich, was ihn hier stört.

Line 58, Column 41: Attribute "height" exists, but can not be used for this element.

<table id="layout_table" height="350">

Hier sagt er sogar recht deutlich, was daran nicht in Ordnung ist.

Line 82, Column 79: duplicate specification of attribute "value"

…lue="abschicken" class="input" value="abschicken"/><br />

Hier ebenso.

Wo ist das Problem, die einzelnen Fehlermeldungen einfach der Reihe nach abzuarbeiten und zu beheben? Vielleicht solltest Du Dir auch überlegen, ob Du Dein Dokument wirklich als XHTML 1.0 Strict verfassen möchtest - oder nicht lieber auf z.B. HTML 4.01 Transitional zurückgreifen willst.

das macht kein Spaß, das erst raus- und dann wieder reinzustecken.

Ich habe keine Ahnung, was Du meinst. Du musst nichts installieren, raus- oder reinstecken. Es reicht, wenn Du dort entweder Deine URL angibst oder den Quellcode direkt hineinkopierst.

MfG,
EKKi

[sternenschwaermer]

Guten Abend!

ich habe mir jetzt die Mühe gemacht, mit der Firefox-Erweiterung den Code zu prüfen und zu ändern, was recht gut geklappt hat.

Das Kontaktformular hat immer noch Schwierigkeiten, da brauche ich Hilfe...

Und auch beim Body klappt es nicht, der sollte 12px groß sein, bei den anderen Formatierungen ist alles ok...

Kann bitte noch jemand da reinschauen?

Danke sehr...

Thilo

[Ulysses]

Hi!

ich habe mir jetzt die Mühe gemacht, mit der Firefox-Erweiterung den Code zu prüfen und zu ändern, was recht gut geklappt hat.

Wo kann man das sehen? Die Fehler bei deinem Kontaktformular sind doch immer noch vorhanden.

Das Kontaktformular hat immer noch Schwierigkeiten, da brauche ich Hilfe...

Korrigiere einmal den Code! EKKI hat dir doch gesagt was du machen mußt. Warum setzt du das nicht um?
Gehe die Fehler Punkt für Punkt durch und mach das nicht mit der Option "Clean up Markup with HTML Tidy".

Und auch beim Body klappt es nicht, der sollte 12px groß sein, bei den anderen Formatierungen ist alles ok...

Der gesamte Body soll 12px groß sein - oder wie oder was genau?
Du kannst übrigens auch dein CSS auf Fehler überprüfen lassen

FG Ulysses

[sternenschwaermer]

Korrigiere einmal den Code! EKKI hat dir doch gesagt was du machen mußt. Warum setzt du das nicht um?
Gehe die Fehler Punkt für Punkt durch und mach das nicht mit der Option "Clean up Markup with HTML Tidy".

Du kannst übrigens auch dein CSS auf Fehler überprüfen lassen

Guten Morgen/Tag!
Also Code-Fehler sind keine mehr, auch nicht in der CSS-Datei...
Danke für die links...

Ich hab, ausnahmsweise, erst mal eine Tabelle für das Kontaktformular benutzt, weil da die Inhalte funktionieren, oder die Übergabe...
CSS ist na klar besser, und der Tabellen-Code ist weiter optimierbar, ich geh aber mal ins Bett, 3-4 Stunden schlafen.

»» Und auch beim Body klappt es nicht, der sollte 12px groß sein, bei den anderen Formatierungen ist alles ok...
Der gesamte Body soll 12px groß sein - oder wie oder was genau?

»»FG, Ulysses

Also, bis auf die Adress-Angabe unter "Leistungen", mitsamt der Mail-Adresse, soll alles normalerweise, außer Überschriften, 12 px groß sein.
Der Spamhinweis 8 px, klappt, und die Adresseingabe dort unter den Leistungen ebenfalls.
Nur bei den sonstigen Texten im Hauptfeld soll alles 12 pixel groß sein.

Finde nicht den Grund, warum das nicht funktioniert.
*grübel*

Dank und Grüße,
Thilo

[EKKi]

Mahlzeit sternenschwaermer,

Also Code-Fehler sind keine mehr, auch nicht in der CSS-Datei...

Also zumindest die online-Version ist noch fehlerhaft: 42 Errors found while checking this document as XHTML 1.0 Strict!

Insofern sind Deine Verbesserungen leider nicht nachvollziehbar.

Finde nicht den Grund, warum das nicht funktioniert.

Wenn Du dabei Hilfe brauchst, dann zeige aktuellen und ansonsten fehlerfreien Code - am besten anhand eines Online-Beispiels.

MfG,
EKKi

[sternenschwaermer]

Guten Morgen Kollegen,

lag daran, dass ich verschiedene Verzeichnisse suche, und das nicht in /html, sondern ins Basisverzeichnis kopiert hatte, und im html-Verzeichnis war die fehlerhafte.

Stimmt soweit:
"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" has been suppressed and the DOCTYPE for "XHTML 1.0 Transitional" inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this new DOCTYPE. "

Auf deutsch? was ersetzen?

ich sehe z.B, unter http://beruf.straub-online.net/html/aktuelles.html keinen body-tag, und unter http://beruf.straub-online.net/css/style.css keine Bestimmung eines body-tags, oder was sich damit beisst...
*grübel*

und was ist der Unterschied zwischen:

  
a.main_navi_active_item, a.main_navi_item, a.main_navi_item:hover {  
  font-family: Verdana, sans-serif;  
  font-style: normal;  
  font-size: 13px;  
  width:88px;  
  font-weight: bold;  
  text-decoration: none;  
  background-position: top right;  
}  
  
a.main_navi_active_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1activeitem.gif) no-repeat;  
  color: #990000;  
}  
a.main_navi_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;  
  color: #D73600;  
}  
a.main_navi_item:hover {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1hover.gif) no-repeat;  
  color: #D73600;  
}  

und

  
a.main_navi_active_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1activeitem.gif) no-repeat;  
  font-family: Verdana, sans-serif;  
  font-style: normal;  
  font-size: 13px;  
  font-weight: bold;  
  text-decoration: none;  
  color: #000000;  
  background-position: top right;  
}  
a.main_navi_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;  
  font-family: Verdana, sans-serif;  
  font-style: normal;  
  font-size: 13px;  
  font-weight: bold;  
  text-decoration: none;  
  color: #D73600;  
  background-position: top right;  
}  
a.main_navi_item:hover {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;  
  font-family: Verdana, sans-serif;  
  font-style: normal;  
  font-size: 13px;  
  font-weight: bold;  
  text-decoration: none;  
  color: #D73600;  
  background-position: top right;  
}  

Das untere ist das Original, oben die Zusammenfassung, es besteht ein minimaler Unterschied im Ergebnis, in Form von kleinen Trennstrichlein zwischen der Haupt-Navi-Leiste mit "Starteite, Aktuelles" etc.

Freundliche Grüße,
Thilo

[Ulysses]

Hi!

ich sehe z.B, unter http://beruf.straub-online.net/html/aktuelles.html keinen body-tag,

Dein body-Element beginnt mit dem Start-Tag <body id="main_body">
und endet mit dem End-Tag </body>
(sh.a Meiert: Elemente, Tags und Attribute)

und unter http://beruf.straub-online.net/css/style.css keine Bestimmung eines body-tags, oder was sich damit beisst...

Abgesehen davon, dass ich nicht genau weiß, was du damit meinst, wirken sich folgende Angaben in deinem CSS auf das body-Element aus:

body {  
  font-family: Verdana, sans-serif;  
  font-style: normal;  
  font-size: 12px;  
  color: #000000;  
}  
  
body#main_body {  
	margin: 0;  
	padding: 0;  
	font-size: x-small; /* IE5 Win */  
	text-align: center;  
}

FG Ulysses

[sternenschwaermer]

Guten Morgen :-)

Dein body-Element beginnt mit dem Start-Tag <body id="main_body">

Genau das, hab ich übersehen, danke. Ganz oben also...

Abgesehen davon, dass ich nicht genau weiß, was du damit meinst, wirken sich folgende Angaben in deinem CSS auf das body-Element aus:

body {

...

font-size: 12px;

...

}

body#main_body {

...

font-size: x-small; /* IE5 Win */

...

}

  
Stimmt, danke Ulysses.  
x-small... gelöscht, jetzt passt es.  

[sternenschwaermer]

Wollte nur mal sagen, dass jetzt der Unterschied zwischen Soll-Zustand ohne CSS-Zusammenfassung (s. vorige Frage) und Zustand nach CSs-Zusammenfassung einzelner Argumente
klar erkennbar ist, zum Vergleich...

Grüße,
Thilo

[sternenschwaermer]

Guten Morgen allesamt!

Nochmals die Frage, wurde leider nicht beantwortet:

Ich hab in der CSS-Datei normalerweise die gemäß Literatur-Empfehlungen verkürzte Info drinstehen:

  
a.main_navi_active_item, a.main_navi_item, a.main_navi_item:hover {  
  font-family: Verdana, sans-serif;  
  text-decoration: none;  
  background-position: top right;  
}  
  
a.main_navi_active_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1activeitem.gif) no-repeat;  
  color: #990000;  
}  
a.main_navi_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;  
  color: #D73600;  
}  
a.main_navi_item:hover {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1hover.gif) no-repeat;  
  color: #D73600;  
}  

Da fehlt aber die Abtrennung zwischen den Navigationsknöpfen oben, die ist nur da, wenn ich die CSS-Infos nicht zusammenfasse.
Das ist der original-Code:
(ein paar identische Zeilen sind schon entfernt hier, wie font-style, font-weight etc.)

a.main_navi_active_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1activeitem.gif) no-repeat;  
  font-family: Verdana, sans-serif;  
  text-decoration: none;  
  color: #000000;  
  background-position: top right;  
}  
a.main_navi_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;  
  font-family: Verdana, sans-serif;  
  font-style: normal;  
  font-size: 13px;  
  font-weight: bold;  
  text-decoration: none;  
  color: #D73600;  
  background-position: top right;  
}  
a.main_navi_item:hover {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;  
  font-family: Verdana, sans-serif;  
  font-style: normal;  
  font-size: 13px;  
  font-weight: bold;  
  text-decoration: none;  
  color: #D73600;  
  background-position: top right;  
}  

*Grübel*

Kann mas bitte jemand erklären?

Vergleich der Optik:
Untere Variante, Soll
Obere Variante

Danke.
Thilo

[Ulysses]

Hi!

Kann mas bitte jemand erklären?

Schau dir mal an, was du mit background machst!
Du mußt darauf achten, dass du mit einer Angabe keine andere überschreibst.

FG Ulysses

[sternenschwaermer]

Hallo Ulysses,

ich dachte, background würde für active_item, (normal)item und hover_item
jeweils eine andere Datei definieren.
Wenn ich diese Zusammenfassung unterlasse, und jedes klar getrennt formuliere, wie es auch im Original Code gewesen ist, wird der Trennbalken klar angezeigt zwischen den Navi-Knöpfen...

Herzliche Grüße,
Thilo

[Ulysses]

Hi!

Hallo Ulysses,

ich dachte, background würde für active_item, (normal)item und hover_item
jeweils eine andere Datei definieren.

Was soll das heißen: eine andere Datei definieren?
Mit

a.main_navi_active_item, a.main_navi_item, a.main_navi_item:hover {  
  background-position: top right;  
}

definierst du für die Klassen a.main_navi_active_item, a.main_navi_item, a.main_navi_item:hover einen Wert für background-position.

Und mit

a.main_navi_active_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1activeitem.gif) no-repeat;  
}  
a.main_navi_item {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1.gif) no-repeat;  
}  
a.main_navi_item:hover {  
  background: url(http://beruf.straub-online.net/images/dynamic/buttonset1/n1hover.gif) no-repeat;  
}

überschreibst du diesen Wert wieder.
Also notierst du die Angabe für background-position am Besten auch unter
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background@title=background:

FG Ulysses