Problem beim formatieren von labels für ein Formular
Thomas
- css
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]
.label-feld
{
height:17px;
}
.label-textfeld
{
height:200px;
}
Wieso erwartest du, dass 17px und 200px gleich hoch sind?
Murmelin
Erwate ich auch nicht, das eine Soll ein Einzeiliges Textfeld sein, ds andere ein Merhzeiliges...
.label-feld
{
height:17px;
}.label-textfeld
{
height:200px;
}Wieso erwartest du, dass 17px und 200px gleich hoch sind?
Murmelin
Erwate ich auch nicht, das eine Soll ein Einzeiliges Textfeld sein, ds andere ein Merhzeiliges...
Deine Problembeschreibung:
Ich bekomme es nicht auf die gleiche HÖHE wie mine normalen einzeiligen Textfelder.
Definiere HÖHE.
Quatsch, ich meine nicht die Höhe ich will das sie untereinander sind, und dort auf der gleichen HÖHE... (Sorry ich habs total verkompliziert ausgedrückt, sorry)
Titel EINGABE
Beschreibung EINGABE
Information EINGABE
die EINGABE meine ich.
Erwate ich auch nicht, das eine Soll ein Einzeiliges Textfeld sein, ds andere ein Merhzeiliges...
Deine Problembeschreibung:
Ich bekomme es nicht auf die gleiche HÖHE wie mine normalen einzeiligen Textfelder.
Definiere HÖHE.
Quatsch, ich meine nicht die Höhe ich will das sie untereinander sind, und dort auf der gleichen HÖHE... (Sorry ich habs total verkompliziert ausgedrückt, sorry)
Titel EINGABE
Beschreibung EINGABE
Information EINGABE
die EINGABE meine ich.
Hi,
Quatsch, ich meine nicht die Höhe ich will das sie untereinander sind,
und dort auf der gleichen HÖHE...
Du meinst also nicht die Höhe, sondern die Höhe. Aha.
Wenn Du Dich dann entschieden hast, ob Du die Höhe oder die Höhe meinst, könnte man vielleicht sogar helfen.
cu,
Andreas