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

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]

  1. .label-feld
    {
    height:17px;
    }

    .label-textfeld
    {
    height:200px;
    }

    Wieso erwartest du, dass 17px und 200px gleich hoch sind?

    Murmelin

    1. 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

      1. 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.

        1. 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.

  2. 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.

    1. 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

      --
      Warum nennt sich Andreas hier MudGuard?
      O o ostern ...
      Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.