Textarea nicht gleich groß mit Input-Länge

wal3d · 15. März 2007

Hi,

ich schaffe es einfach nicht, dass das Formular Textarea gleich lang ist wie das Input Formular!!
Beide habe ich auf die Länge von 40 gesetzt, aber das Texterea-Formular ist immer länger.

Kann mir jemand mal sagen wie man soetwas erreicht, das das Inputfeld gleich lang ist dem Textereafeald?

Eingetragen habe ich es so:

Code

<input type="text" name="vorname" size="40" />

Und bei Texterea sieht es dann so aus:

Code

<textarea name="bemerkungen" cols="40" rows="8"></textarea>

Vielen Dank schon mal vorab für eure Hilfen.

Viele Grüße
Wolfgang

Shana · 15. März 2007

Moin moin Wal,

versuch einfach die "size"-Angabe entsprechend anzupassen. In Deinem Beispiel würde <... size="53" ...> passen.

Da Du vorher eine CSS-Frage hattest, solltest Du allerdings auch beim Formular bei CSS bleiben ;). Das könnte dann z.B. so aussehen (Ausschnitt):

Code

<form action='was_auch_immer.php' method='post'><div id='formular'>	 <label for='Name'>Name:</label><input type='text' name='name' size='45' maxlength='35' value='' /><label for='E-Mail'>E-Mail:</label><input type='text' name='email' size='45' maxlength='35' value='' /><label for='Website'>Website:</label><input type='text' name='website' size='45' maxlength='35' value='' /><label for='Mitteilung'>Ihre Mitteilung:</label><textarea name='kommentar' cols='34' rows='4' value=''></textarea></div></form>

In der CSS-Datei:

Code

#formular {
color: #000;
background-color: #fff;
}


#formular input, textarea {
display: inline;
width: 15em;
float: left;
border: 1px solid #d8d8d8;
background-color: #d8d8d8;
margin: 5px;
padding: 2px;
}


#formular textarea {
width: 15em;
}


.submit, .reset {
background-color: #fff;
border: 3px solid #d8d8d8;
}


label {
width: 8em;
margin: 5px;
padding: 5px;
float: left;
text-align: right;
}


input, textarea {
border: 1px solid #d8d8d8; 
background: #fff; 
width: 90%;
}


input { 
font-size: 90%;
}

Alles anzeigen

Hoffe das hilft Dir erstmal weiter

wal3d · 15. März 2007

Hi Shana,

super danke für die Hilfe. Habe nun deine Idee aufgenommen und umgesetzt, aber ich bekomme einfach nicht die Felder untereinander. Die stehen in meinem Container einfach wild rum!!

Das soll heissen, erst Name dann das Feld, unter Name dann Email und dahinter das Feld ... usw.
Wenn ich da mit normalen Umbrüchen arbeite, werden diese nicht erkannt ... grrrr

Hast du noch einen Tipp für mich?

Viele Grüße
Wolfgang

Shana · 15. März 2007

Hi Wal,

ja - hab ich

im formular selbst (auch nur als Ausschnitt):

Code

<label for='Name'>Name:</label><input type='text' name='name' size='45' maxlength='35' value='' /><br /><br /><label for='E-Mail'>E-Mail:</label><input type='text' name='email' size='45' maxlength='35' value='' />

und in der css:

Code

#formular br {
clear: both;
}

sach mal bescheid, ob es passt

Spreenix · 15. März 2007

ich hab hier auch noch schnell ein Angebot:

HTML

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css"><!--
div {background: #146A55 top left no-repeat;
padding:1em;
width: 500px;
}
label, input, textarea {
float: left;
}
label {
clear: left;
width:100px;
}
input {
width: 230px;
}
textarea {
width: 343px;
}
form > div {
overflow: hidden;
}
label {
padding-top: .5em;
}
input, textarea {
margin-bottom: 1em;
}
--></style></head>
<body>
<form action="was auch immer.php" method="post">
<div>
<label for="name">Name</label>
<input type="text" name="name" id="name"/>
<label for="e-mail">E-Mail</label>
<input type="text" name="e-mail" id="e-mail"/>
<label for="homepage">Homepage</label>
<input type="text" name="homepage" id="homepage"/>
<label for="kommentar">Kommentar</label>
<textarea cols="30" rows="15" name="kommentar" id="kommmentar">
</textarea>
<input type="submit" value="Senden" id="senden">
</div>
</form>
</body>
</html>

Alles anzeigen

Styles musst du selbst anpassen

wal3d · 15. März 2007

Hi,

vielen Dank für eure Mühen ... ich werde mal die neuen Tipps ausprobieren.

Allerdings hatte ich das "br" bereits mit Umbrüchen gemeint - das geht bei mir nicht - weiss der Kuckuck warum ...

Ich werde mal weiter an den Styles rumbasteln. Nochmals danke für eure Infos und Hilfen.

Viele Grüße
Wolfgang

Shana · 15. März 2007

Hi Wal,

Zitat

Allerdings hatte ich das "br" bereits mit Umbrüchen gemeint - das geht bei mir nicht - weiss der Kuckuck warum ...

Mal ne "dumme" Frage: Hast Du die Umbrüche auch in der CSS definiert? Bei mir funzt das nämlich einwandfrei (ist ein Auszug aus meiner Business-Seite vom Kontaktformular) ...

Viel Spaß beim weiteren Scripten

wal3d · 15. März 2007

Aha... hast mich erwischt!

Hatte tatsächlich etwas übersehen grr
Aber nun isses gut!

Vielen Dank.

Viele Grüße
Wolfgang

Shana · 15. März 2007

Gern geschehen, freut mich, dass es passt

Hallo Gast,

gefällt dir der Thread, willst du was dazu schreiben, oder möchtest du noch mehr in diesem Forum sehen und kostenlose Downloads?

Dann melde dich bitte an.
Hast du noch kein Benutzerkonto, dann bitte registriere dich, nach der Freischaltung kannst du das Forum uneingeschränkt nutzen.

Hello Guest,

Do you like the thread, do you want to write something about it, or do you want to see more in this forum and free downloads?

Then please sign in.
If you don't have an account yet, please register, after activation you can use the forum without any restrictions.

Textarea nicht gleich groß mit Input-Länge

djblueprint 2. Januar 2022

Teilen