Zur Navigation

Zeilenhöhe im Kontaktformular

1 krieger98

In meinem Kontaktformular mit HTML und PHP wird die Email-Adresse und der Name ( Zeilenhöhe) auf dem Handy zu klein angezeigt. Was muss dort noch eingefügt werden, damit die Zeilenhöhe größer erscheint ?
https://www.fahrrad-workshop-sprockhoevel.de/kontakt.php

<form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>#Kontakt" method="post"
enctype="multipart/form-data" accept-charset="<?php echo CHARSET; ?>">
<fieldset><legend>Kontaktformular</legend>
<p>
<label for="Name">Ihr Name:</label>
<input name="Name" id="Name" size="65"
value="<?php Formular_Eingabe('Name'); ?>" />
</p>
<p>
<label for="Email">Email-Adresse:</label>
<input name="Email" id="Email" size="60"
value="<?php Formular_Eingabe('Email'); ?>" />
</p>
<p>
<label for="Nachricht">Nachricht:</label>
<textarea name="Nachricht" id="Nachricht" rows="5" cols="50"><?php
Formular_Eingabe('Nachricht'); ?></textarea>
</p>
<p><input type="submit" value="abschicken" /></p>
</fieldset>
</form>

28.08.2019 15:17

2 Jörg

Die Zeilenhöhe wird in CSS mit der Eigenschaft line-height festgesetzt.

In meinem Kontaktformular mit HTML und PHP wird die Email-Adresse und der Name ( Zeilenhöhe) auf dem Handy zu klein angezeigt.

Meinst du die Labels oder die Eingabe? Für Labels beispielsweise eine zweifache Zeilenhöhe:

label {
    line-height: 2em;
}

Davon abgesehen ist das HTML der Seite nicht valide: es beinhaltet zwei Doctype-Angaben, zwei Heads und zwei Bodies, was vermutlich auch zu Anzeigeproblemen führen kann. Dieser Abschnitt mitten im HTML-Dokument sollte noch entfernt werden:

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <title>Kontaktformular</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
</head>
<body>

28.08.2019 15:48 | geändert: 28.08.2019 15:51

3 krieger98

Zitat von Jörg
Die Zeilenhöhe wird in CSS mit der Eigenschaft line-height festgesetzt.

In meinem Kontaktformular mit HTML und PHP wird die Email-Adresse und der Name ( Zeilenhöhe) auf dem Handy zu klein angezeigt.

Meinst du die Labels oder die Eingabe? Für Labels beispielsweise eine zweifache Zeilenhöhe:

label {
    line-height: 2em;
}

Davon abgesehen ist das HTML der Seite nicht valide: es beinhaltet zwei Doctype-Angaben, zwei Heads und zwei Bodies, was vermutlich auch zu Anzeigeproblemen führen kann. Dieser Abschnitt mitten im HTML-Dokument sollte noch entfernt werden:

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <title>Kontaktformular</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
</head>
<body>
Vielen Dank.
Werde es versuchen mal zu ändern.

28.08.2019 20:49

4 krieger98

Ich meine die Zeilenhöhe bei der Eingabe.
Wo genau muss ich das Einfügen ?

29.08.2019 08:36

5 Jörg

Die Eingabefelder haben IDs, über welche sie angesprochen werden können:

input#Name,
input#Email {
    line-height: 2em;
}

29.08.2019 10:26

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]