Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Text oben bündig mit Textarea "CSS& am

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] Text oben bündig mit Textarea "CSS& am

    In meinem Formular wird der Text immer an die untere Linie des Input-Felds gesetzt. Bei einer Textarea auch.. sieht schei.. aus. wie setzte ich den text neben der textarea oben bündig??
    Code:
    <style type="text/css">
    <!--
    body {
    	margin:         0;
    	padding:        0;
    	color:          #000;
    	background:     #CFE4FC;
    	border-collapse:collapse;
    	border-spacing: 0;
    	height:         100%;
    	text-align:     center;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    }
    body, table, td {
    	color:          #000;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	padding-top: 3px;
    	padding-botttom: 3px;
    }
    #form {
    	width: 450px;
    	color: #000;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	text-align: right;
    	margin-bottom: 5px;
    	font-weight: bold; 
    	}
    #form input {
    	left: 100px;
    	width: 350px;
    	border: 1px solid #000099;
    	margin-left: 5px;
    }
    #form textarea {
    	left: 100px;
    	width: 350px;
    	height: 300px;
    	border: 1px solid #000099;
    	margin-left: 5px;
    }
    #form.areatext {
    	height: 300px;
    	line-height: 300px;
    	padding-bottom: 200px;
    }
    
    -->
    </style>
    </head>
    
    <body>
    <div id="form">
    	AN
    	<input name="an" type="text" maxlength="200" value="">
    </div>
    <div id="form">
    	CC
    	<input name="cc" type="text" maxlength="200" value="">
    </div>
    <div id="form">
    	BCC
    	<input name="bcc" type="text" value="" maxlength="200">
    </div>
    <div id="form">
    	Betreff
    	<input name="text" type="text" value="" maxlength="200">
    </div>
    <div id="form">
    	Text
    	<textarea name="text"></textarea>
      </div>
    </div>
    </body>
    </html>

  • #2
    Code:
    #form.areatext {
       position:absolute;
       left: ...px;
       top: ...px;
       right: ...px;
       bottom: ...px;
    }
    Ich glaube, damit kannst Deinen Areatext positionieren wo Du willst. :wink:

    Kommentar


    • #3
      ne das geht nicht. geht nur um den te xt

      Kommentar


      • #4
        Hi!

        Erstmal einen grundlegenden Fehler beseitigen:

        - IDs dürfen normalerweise nie zweimal oder öfter auf eine HTML-Seite vorkommen.

        Ein gute Anleitung wie du dein Forumlar ohne CSS aufbauen kannst findest du auf:

        http://www.einfach-fuer-alle.de/artikel/formulare/tag1/

        Damit sollte dann das Wort auch oben stehen... :wink:

        Gruß
        Iceman

        Kommentar

        Lädt...
        X