Eingabefelder Kontaktformular

Allgemeine Fragen
Benutzeravatar
Bushisan
Mitglied (Level 3)
Mitglied (Level 3)
Beiträge: 26
Registriert: So 13. Dez 2020, 21:23
Wohnort: Neukirchen bei Sulzbach-Rosenberg
Kontaktdaten:

Eingabefelder Kontaktformular

Ungelesener Beitrag von Bushisan »

Hallo zusammen,

hatte mein E-Meil Kontaktformular wundaerbar aungepasst - auch die Breiete der Eingabefelder war i.O.

jetzt sind die Eingabefelder schmäler als die Box - kann mir jemand sagen wearum das plötzlich so ist - ich Danke Euch :)
Hier mal ein Link zu einer Testseite

https://shotokan-karate-dojo-neukirchen ... page18.php

Das Feld für die Datenschutzerklärung (Link und Häkchen) sind auch verschwunden :(

Schönen Abend noch :)
Gruß Hubert
Es kann nur einen geben - warum bin ich das nicht?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 2250
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Tommy Herrmann »

Moin,

das musst Du selbst produziert haben. Du hast der Box mit dem Formular mit der id="mybox" einen festen linken Außenabstand von 120px gegeben
#mybox {
margin-left: 120px;
}
... das geht natürlich nicht, das ist ja am Handy bereits fast die halbe Bildschirmbreite.



Das ist doch ein Formular vom Werner - da musst Du eine Checkbox für den Datenschutz schon selbst mit ran schreiben, bzw. im Formular-Generator mit erstellen. Da müsstest Du das schon noch erstellen (ich kann es nicht im Quelltext sehen).


... da ist aber ein anderer Syntax-Fehler im Formular (wahrscheinlich durch unachtsames Kopieren entstanden).

Unter dem E-Mail Feld steht das. Das rot markierte muss da raus und der Tabindex muss '3' sein:
<p>
<label> Betreff:
<span class='pflichtfeld'></span><br>
<input type='text' name='betreff' value='' <input type='email' name='email' value='' class='form-control' tabindex='2'>
</label>
</p>
Benutzeravatar
Bushisan
Mitglied (Level 3)
Mitglied (Level 3)
Beiträge: 26
Registriert: So 13. Dez 2020, 21:23
Wohnort: Neukirchen bei Sulzbach-Rosenberg
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Bushisan »

Hallo Tommy - Danke vielmals - die 120 waren ein schreibfehler 20 Stand vorher drin.

Was ich aber am PC meine ist, dass die Eingabefelder die Box nicht ganz ausfüllen.

https://shotokan-karate-dojo-neukirchen.de/page18.php

Muss ich eigentlich zwingend diesen Hinweis auf die Datenschutzerklärung im Mailformular haben oder reicht nicht ein allzeit ersichtlicher Navibutton?

Gruß und Danke
Hubert
Es kann nur einen geben - warum bin ich das nicht?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 2250
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Tommy Herrmann »

Moin,

ich kann das nicht wirklich erkennen - vielleicht guckt ja Werner mal.

Es könnte an der

class="form-control"

liegen, obwohl diese mit der Breite "width: 100%;" richtig angegeben ist, hatte ich da irgendwo 500px für die Breite entdeckt und finde es nicht wieder :eek:


Weiterhin solltest Du das auf jeden Fall entfernen:

Code: Alles auswählen

  <meta charset="UTF-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Den Dateipfad zu Bootstrap eventuell anpassen! -->
  <link rel="stylesheet" href="bootstrap.min.css">
... wo hatte ich das angegeben - war das noch in einem uralten NOF-Tutorial ??? Das ist doch in Mobirise schon alles dabei.


Und die Style-Anweisungen für das Formular vom Generator müssten eigentlich auch komplett raus:

Code: Alles auswählen

<style>
  body, textarea {
   font-family: Verdana, Sans-Serif;
   font-size: 1rem;
  }

  span.pflichtfeld {
   font-size: 0.90rem;
   color: black;
  }

  span.hilfetext {
   font-family: Arial, Tahoma, Sans-Serif;
   font-size: 0.80rem;
   font-style: Oblique;
   color: #009500;
  }

  blockquote {
   width: 385px;
  }
  </style> 
Benutzeravatar
Bushisan
Mitglied (Level 3)
Mitglied (Level 3)
Beiträge: 26
Registriert: So 13. Dez 2020, 21:23
Wohnort: Neukirchen bei Sulzbach-Rosenberg
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Bushisan »

Ich danke Dir Tommy,

hab die Sachen gelöscht.

Hab alles durchgeschaut - Angaben mit einer Breite von 500px hab ich nirgends gefunden.

Vielleicht kann mir ja Werner weiterhelfen :)

Vielen Danke nochmal

Grüße aus der Oberpfalz
Hubert
Es kann nur einen geben - warum bin ich das nicht?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 2250
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Tommy Herrmann »

... schreibe mal in den Bereich "CSS Editor" (rechte Seite vom "Code Editor") vom Block mit dem Formular diese Class rein:

Code: Alles auswählen

label {
  display: inline-block;
  margin-bottom: .5rem;
  width: 100%;
}
... das sollte es sein:


label.JPG

Ansicht-Formular.JPG
Benutzeravatar
Bushisan
Mitglied (Level 3)
Mitglied (Level 3)
Beiträge: 26
Registriert: So 13. Dez 2020, 21:23
Wohnort: Neukirchen bei Sulzbach-Rosenberg
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Bushisan »

Funzt


Bist und bleibst der Beste - 1000 Dank :) :bier:
Es kann nur einen geben - warum bin ich das nicht?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 2250
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Tommy Herrmann »

Moin,

prima - wie ich sehe, hast Du das Formular nochmals komplett neu in HTML5 erstellt - sehr gut :tu:
Benutzeravatar
Werner-Zenk.de
Moderator
Moderator
Beiträge: 347
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Werner-Zenk.de »

Moin,

@Bushisan
Da hat sich ein kleiner Rechtschreibfehler eingeschlichen,
E-Mail <=> eMail
Laut Wikipedia wird diese als E-Mail bezeichnet
Es grüßt euch,
Werner
https://werner-zenk.de - Webseiten erstellen, optimieren und aufpeppen

"Gib einem Menschen einen Fisch, und er wird für einen Tag satt.
Lehre ihn Fischen, und er wird ein Leben lang satt."
Benutzeravatar
Bushisan
Mitglied (Level 3)
Mitglied (Level 3)
Beiträge: 26
Registriert: So 13. Dez 2020, 21:23
Wohnort: Neukirchen bei Sulzbach-Rosenberg
Kontaktdaten:

Re: Eingabefelder Kontaktformular

Ungelesener Beitrag von Bushisan »

Ich danke Euch !!! :prost: :tu:
Es kann nur einen geben - warum bin ich das nicht?
Antworten

Wer ist online?

Mitglieder in diesem Forum: Bing [Bot] und 3 Gäste