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

07.03.2005, 20:11

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>

07.03.2005, 21:04

Code:

#form.areatext {
   position:absolute;
   left: ...px;
   top: ...px;
   right: ...px;
   bottom: ...px;
}

Ich glaube, damit kannst Deinen Areatext positionieren wo Du willst. :wink:

07.03.2005, 23:28

ne das geht nicht. geht nur um den te

xt

08.03.2005, 09:42

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

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
input text oder textarea feld inhalt mit einem klick löschen	noskule	HTML, Usability und Barrierefreiheit	10	26.05.2009 21:47
Einfügen von Text in Textarea per JS	louis	HTML, Usability und Barrierefreiheit	5	07.07.2008 15:13
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
Textarea soll text in text.txt Datei schreiben	Clawhammer	PHP Tipps 2008	3	26.11.2007 10:38
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Textarea / Java: markierten Text veraendern	SvenLittkowski	HTML, Usability und Barrierefreiheit	5	17.07.2007 22:05
JS: Bei Klick in eine Textarea den gesamten Text markieren	PsychoEagle	HTML, Usability und Barrierefreiheit	2	10.07.2006 09:17
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] durch Klick auf Text anderen Text einblenden		HTML, Usability und Barrierefreiheit	3	03.07.2005 14:41
in zelle oben text und unten grafik am rand	janni	HTML, Usability und Barrierefreiheit	4	29.06.2005 23:35
Text per Klick in Textarea einfügen Abhängig von Radiobutton	18inch	HTML, Usability und Barrierefreiheit	1	09.05.2005 11:22
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.03.2005, 21:04
Gast Beiträge: n/a	Code: #form.areatext { position:absolute; left: ...px; top: ...px; right: ...px; bottom: ...px; } Ich glaube, damit kannst Deinen Areatext positionieren wo Du willst. :wink:

07.03.2005, 23:28
Gast Beiträge: n/a	ne das geht nicht. geht nur um den te xt

08.03.2005, 09:42
Gast Beiträge: n/a	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