nicht angemeldet
Hallo Ihr,
habe ein CSS-Formular, in welchem die Felder vor den Formulareingaben gleich weit sein sollen.
Klappt soweit auch.
Nur wenn ich die Schriftgröße in der Klasse "formtxt" größer als 1.2 em setze, erhalte ich eine unerwünschte Treppchenbildung.
Was kann ich machen, um auch mal größeren Text einsetzen zu können?
Viele Grüße
Cyberholli
Hier der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Formular</title>
<style type="text/css">
<!--
body{text-align:center;}
.schrift {font-size: 14pt; font-family: Comic sans MS, Arial; }
#boxzentriert
{
border:1px solid maroon;
width: 60%;
height:auto;
margin:auto;
text-align:left;
background-color:yellow;
}
.formtxt
{
border:1px solid maroon;
width:30%;/**/
font-family: Comic sans MS, Arial;
font-size:1.2em;
float:left;/**/
}
.txt
{
border:1px solid maroon;
/* width:30%;*/
font-family: Comic sans MS, Arial;
font-size:20px;
}
-->
</style>
</head>
<body>
<div id="boxzentriert">
<!-- <p class="schrift">Mustertext</p>
-->
<form method="GET" >
<span class="formtxt">Betreff:</span>
<input type="text" class="txt" name="betreff" ><BR>
<span class="formtxt">Name:</span>
<input type="text" class="txt" name="n_name" ><br>
<span class="formtxt">Vorname: *</span>
<input type="text" class="txt" name="v_name" ><br>
<span class="formtxt">Geschlecht:</span>
<select name= "geschlecht" class="txt" value="Anrede">
<option>Herr
<option>Frau </select><br>
</form>
</div>
</body>
</html>