Thomas: Problem beim formatieren von labels für ein Formular

Beitrag lesen

SELF-Forum

Problem beim formatieren von labels für ein Formular

Thomas
– Informationen zu den Bewertungsregeln

Ich möchte gerne ein Formular nur mit css formatieren, doch ich habe Probleme mit einem TEXTFELD. Ich bekomme es nicht auf die gleiche HÖHE wie mine normalen einzeiligen Textfelder.

Also auf gut deutsch in möchte das die Beschreibungen links sind und die Eingabefelder daneben sind, aber eben genau untereinander.

Thomas

  
[code lang=css]  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
     "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Titel</title>  
<style type="text/css">  
  
#rahmen  
{  
float:left;  
width:580px;  
margin: 0 10px 0 10px;  
border: 1px dotted #000;  
}  
  
label  
	{  
	padding:5px 0 0 20px;  
	float: left;  
	clear: left;  
	width:540px;  
	font-weight: bold;  
	color:#4D4D4D;  
  
	}  
  
  
.label-feld  
	{  
	position: relative;  
	right:-100px;  
	width:404px;  
	height:17px;  
	display: block; top: -1.4em;  
	border:  1px dotted#000;  
	}  
		  
	  
.label-textfeld  
	{position: relative;  
	right:-100px;  
	height:200px;  
	width:406px;  
	border: 1px solid #c0c0c0;  
	margin: 10px 0px 30px 0px;  
	padding: 0px 0 10px 0;  
	text-align: justify;  
	}	  
	  
	  
</style>  
</head>  
<body>  
<div id="rahmen">  
	<label for="titel">Titel<input class="label-feld" id="titel" name="titel" type="text" value=""  /></label>  
	<label for="text">Beschreibung<textarea class="label-textfeld" name="text"></textarea></label>  
	<label for="information">Information<input class="label-feld" id="information" name="information" type="text" value=""  /></label>  
</div>  
</body>  
</html>

[/code]

Beitrag melden
–
Informationen zu den Bewertungsregeln