Problem mit Formular

guuls

Hallo,

ich habe auf eine Website ein Kontaktformular auf HTML Basis eingebaut und habe jetzt aber ein Problem und zwar bekomme ich die Schriftgröße im Textfeld "Mitteilung" und bei den Buttons "Absenden" und Zurücksetzen".
Hier der Code:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>
Anfrage von guuls.biz
</title>
<meta name="generator" content="DA-Formmaker V2.1">
<style>
<!--
body { background-color:#FFFFFF;  }
h1 { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:8,5pt; }
p,li { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:8,5pt; }
TD   { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:8,5pt; }
td.my { background-color:#FFFFFF}
input.button {background-color: #ffffff;color: #333333;border-style:solid;border-width:1px;}
.field {background-color: #ffffff;color: #333333;border-style:solid;border-width:1px;Font-Family:Arial, Helvetica, sans-serif;Font-Size:8,5pt;}
-->
</style>


<script type="text/javascript">
<!--
function chkFormular()
{
if (DAFORM.Anrede.selectedIndex < 1)
{
alert("Anrede?");
DAFORM.Anrede.focus();
return (false);
}
if(document.DAFORM.Name.value == "")  {
alert("Name?");
document.DAFORM.Name.focus();
return false;
}
if(document.DAFORM.email.value == "")  {
alert("eMail?");
document.DAFORM.email.focus();
return false;
}
if (DAFORM.Bereich.selectedIndex < 1)
{
alert("Bereich?");
DAFORM.Bereich.focus();
return (false);
}
if(document.DAFORM.Mitteilung.value == "")  {
alert("Mitteilung?");
document.DAFORM.Mitteilung.focus();
return false;
}
if (DAFORM.Zahlungsart.selectedIndex < 1)
{
alert("Zahlungsart?");
DAFORM.Zahlungsart.focus();
return (false);
}
 return(true); }//--></script>


</head>
<body>
<form action="http://www.ekiwi.de/scripts/form/v21/formmail.php" method="POST" name="DAFORM" onSubmit="return chkFormular()" enctype="multipart/form-data">
  <input type="hidden" name="redirect" value="http://guuls.biz/joomla_alt//content/view/31/55/">
  <input type="hidden" name="subject" value="Anfrage von guuls.biz">
  <input type="hidden" name="admin" value="webmaster@guuls.biz">
  <input type="hidden" name="admin1" value="">
  <input type="hidden" name="admin2" value="">
  <input type="hidden" name="typemail" value="html">
  <input type="hidden" name="crypt" value="0">
  <input type="hidden" name="einleittext" value="">

  <input type="hidden" name="ReturnToSender" value="-1">




        </tr>
        <tr><td align="left"  valign="top" class="my" nowrap>Anrede*</td>
<td class="my">
<select name="Anrede" size="1" class="field"><option>Herr</option>
<option>Frau</option>
<option>Firma</option>
</select> </td></tr>


<tr><td align="left"  valign="top" class="my" nowrap>Name*</td>
<td class="my">
<input type="text" name="Name" value="" size="15" maxlength="95" class="field"> </td></tr>


<tr><td align="left"  valign="top" class="my" nowrap>eMail*</td>
<td class="my">
<input type="text" name="email" value="" size="15" maxlength="95" class="field"> </td></tr>


<tr><td align="left"  valign="top" class="my" nowrap>Telefon</td>
<td class="my">
<input type="text" name="Telefon" value="" size="15" maxlength="95" class="field"> </td></tr>


<tr><td align="left"  valign="top" class="my" nowrap>Bereich*</td>
<td class="my">
<select name="Bereich" size="1" class="field"><option>WebHosting</option>
<option>WebDesign</option>
<option>GrafikDesign</option>
<option>Werbeartikel</option>
<option>ToolBarDesign</option>
<option>Portfolio</option>
<option>FreeWebDesign</option>
<option>Sonstiges</option>
</select> </td></tr>


<tr><td align="left"  valign="top" class="my" nowrap>Definition</td>
<td class="my">
<input type="text" name="Definition" value="" size="15" maxlength="95" class="field"> </td></tr>


<tr><td align="left"  valign="top" class="my" nowrap>Mitteilung*</td>
<td class="my">
<textarea name="Mitteilung" cols="20" rows="5" class="field"></textarea> </td></tr>


<tr><td align="left"  valign="top" class="my" nowrap>Bevorzugte Zahlungsart*</td>
<td class="my">
<select name="Zahlungsart" size="1" class="field"><option>PayPal</option>
<option>Überweisung</option>
<option>Bar</option>
<option>Ratenzahlung</option>
</select> </td></tr>


<tr>
          <td colspan="1"><p class="my">


            </p></td>
        </tr>
        <tr>
          <td colspan="2">
            <input type="submit" name="next" value="Absenden" class="button">
            <input type="reset" name="next" value="Zurücksetzen" class="button">

          </td>
        </tr>
      </table>
</form>
</body>
</html>

Alles anzeigen

MfG
guuls

The User

Also erklär mal was mit der Schriftgröße los ist?
probier einfach mal im CSS:
textarea { font-size: 20px:}
input { font-size: 20px;}

guuls

Also in dem Feld Mitteilung und bei den Buttons ist die Schrift einfach doppelt so groß.... CSS ist alles festgelegt...
http://guuls.biz/joomla_alt//content/view/32/56/

pinales

Tach!

Magst mal Dein CSS posten?

synaptic

Zitat von guuls

Hallo,
ich habe auf eine Website ein Kontaktformular auf HTML Basis eingebaut und habe jetzt aber ein Problem und zwar bekomme ich die Schriftgröße im Textfeld "Mitteilung" und bei den Buttons "Absenden" und Zurücksetzen".
...

was bekommst du denn da? irgendwie hab ich des zum 5ten mal gelesen und noch immer nich kapiert, was du haben willst... letztlich ist die schrift stark vergrössert...

und in der klasse "field" ist die grösse der schrift 5pt mach da mal was anderes.. teste einfach!
möglich sind px, pt, em usw...

und pinales,
des CSS ist im style-tag oben doch zu sehen!!

pinales

Tach!

Yep, sorry, die CSS-Definitionen hätt´ ich fast übersehen...

Probier´ doch mal, deine Input-Klasse (.button) um eine Schriftgröße zu bereichern?! (Sollte eigentlich jedoch nicht erforderlich sein...)

Code

input .button { /*wozu eigentlich die Klasse .button?*/
background-color : #fff;
color : #333;
border-style : solid;
border-width : 1px;
font-size : 10pt;
}

Aufgefallen ist mir zudem, dass Du 8 (Komma) 5 als Größe in PT definiert hast. Ich bin mir nicht ganz sicher, ob PT Komma-Werte zulässt!? Propier´ doch mal 10pt. Die Border-Definition kannst Du übrigens vereinfachen:

Code

border : 1px solid #farbe;

Problem mit Formular

Tags

Benutzer online in diesem Thema