Input rutscht immer in neue Zeile

[Peter]

Hallo Leute!

Ich baue eine Kommentar-Form und das Input, um das Captcha einzugeben, rutscht immer unter mein Captcha Bild. Finde den Fehler einfach nicht. :(

<form id="form2">  
<h3><span>Neuer Kommentar</span></h3>  
<fieldset><legend>Form</legend>  
<p class="first">  
<label for="name">Name*</label>  
<input type="text" name="name" id="name" size="30">  
</p>  
<p>  
<label for="email">E-Mail*</label>  
<input type="text" name="email" id="email" size="30">  
</p>  
<p>  
<label for="webseite">Webseite</label>  
<input type="text" name="webseite" id="webseite" size="30">  
</p>  
<p>  
<label for="kommentar">Text*</label>  
<textarea style="width:70%" name="message" id="kommentar" cols="30" rows="10"></textarea>  
</p>  
<p>  
<label for="code">Sicherheitscode eingeben*</label>  
<img src="captcha.php" style="display:block; padding-right:10px;">  
<input style="width:100px; type="text" name="code">  
</p>  
<p class="submit"><button onclick="return checkComment(this.form)" id="submit" type="submit">Kommentar hinterlassen</button></p>  
</fieldset>  
</form>

#form2 {  
	margin:auto;  
	color:#fff;  
	width:80%; /* customize width, this form have fluid layout */  
}  
  
#form2 h3 {  
	margin:0;  
	background:#57a700 url(images/kommentare/form_heading.gif) repeat-x;		  
	color:#fff;  
	font-size:20px;  
	border:1px solid #57a700;  
	border-bottom:none;  
}	  
	  
#form2 h3 span {  
	display:block;  
	padding:10px 20px;  
	background:url(images/kommentare/form_ico.gif) no-repeat 93% 50%;			  
}	  
					  
#form2 fieldset {  
	margin:0;  
	padding:0;  
	border:none;	  
	border-top:3px solid #000;  
	background:#000 url(images/kommentare/form_top.gif) repeat-x;		  
	padding-bottom:1em;  
}		  
  
#form2 legend {  
	display:none;  
}  
		  
#form2 p {  
	margin:.5em 20px;  
}  
		  
#form2 label {  
	display:block;  
}	  
	  
#form2 input, #form2 textarea {		  
	width:272px;  
	border:1px solid #111;  
	background:#282828 url(images/kommentare/form_input.gif) repeat-x;  
	padding:5px 3px;  
	color:#fff;  
}		  
  
#form2 textarea {  
	height:125px;  
	overflow:auto;  
}	  
						  
#form2 p.submit {  
	text-align:right;  
}	  
		  
#form2 button {  
	padding:0 20px;  
	height:32px;  
	line-height:32px;		  
	border:1px solid #70ad2e;  
	background:#5aae00 url(images/kommentare/form_button.gif) repeat-x;  
	color:#fff;  
	cursor:pointer;		  
	text-align:center;		  
}				  

Kann mir damit jemand helfen? :)

Achja, ich habe bei meinem body

-moz-user-select:none;  
-khtml-user-select:none;  
-moz-user-select:none;  
-o-user-select:none;  
user-select:none;  
cursor:default;

verwendet, damit man keine Texte markieren kann. Das Ganze greift allerdings auch auf meine Form über, sodass ich innerhalb der Labels nichts markieren kann. Wenn ich in CSS für die Form

-moz-user-select:none;  
-khtml-user-select:text;  
-moz-user-select:text;  
-o-user-select:text;  
user-select:text;  

alles auf Text setze, funktioniert es trotzdem nicht.

Wie könnte ich das denn lösen?

Bin für jede Hilfe dankbar!

Grüße

[ChrisB]

Hi,

Ich baue eine Kommentar-Form und das Input, um das Captcha einzugeben, rutscht immer unter mein Captcha Bild. Finde den Fehler einfach nicht. :(

<label for="code">Sicherheitscode eingeben*</label>

<img src="captcha.php" style="display:block; padding-right:10px;">
<input style="width:100px; type="text" name="code">

  
Was glaubst du, was display:block bewirkt?  
  

> Achja, ich habe bei meinem body […] verwendet, damit man keine Texte markieren kann. Das Ganze greift allerdings auch auf meine Form über […]  
  
Dann lass' diesen Quatsch einfach, und schon hat sich das Problem in Luft aufgelöst.  
  
MfG ChrisB  
  

-- 
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

[Steel]

Hi!

Dann lass' diesen Quatsch einfach, und schon hat sich das Problem in Luft aufgelöst.

QFT

Das ist mir in letzter Zeit öfter aufgefallen. Was soll der Mist?

[Peter]

Hi!

Dann lass' diesen Quatsch einfach, und schon hat sich das Problem in Luft aufgelöst.
QFT

Das ist mir in letzter Zeit öfter aufgefallen. Was soll der Mist?

Warum soll man das nicht machen? Ist doch cool, wenn man einen Text nicht markieren kann. Leider greift es halt auch auf meine inputs und das will ich nicht.

Da ihr mir aber keine andere Lösung, außer ganz weglassen, vorschlagen könnt, werde ich das Ganze halt weglassen.

Jedenfalls danke für eure "Hilfe". :p

[Der Martin]

Hallo,

Dann lass' diesen Quatsch einfach, und schon hat sich das Problem in Luft aufgelöst.
QFT
Das ist mir in letzter Zeit öfter aufgefallen. Was soll der Mist?
Warum soll man das nicht machen? Ist doch cool, wenn man einen Text nicht markieren kann.

nein, das ist nicht "cool", das ist nur a) lästig und b) lächerlich.
Welchen Zweck sollte das haben?

Ciao,
 Martin

[Vinzenz Mai]

Hallo,

Dann lass' diesen Quatsch einfach, und schon hat sich das Problem in Luft aufgelöst.
QFT
Das ist mir in letzter Zeit öfter aufgefallen. Was soll der Mist?
Warum soll man das nicht machen? Ist doch cool, wenn man einen Text nicht markieren kann.

es ist dann "cool", wenn es sinnvoll eingesetzt wird. Zum Beispiel bei der Problemstellung von Fred neulich.
Es mit der Gießkanne zu nutzen, zeugt von benutzerunfreundlicher Haltung oder Gedankenlosigkeit :-(

Freundliche Grüße

Vinzenz

[ChrisB]

Hi,

Warum soll man das nicht machen? Ist doch cool, wenn man einen Text nicht markieren kann.

Was soll daran „cool“ sein?

MfG ChrisB

[Steel]

Moin!

Das ist mir in letzter Zeit öfter aufgefallen. Was soll der Mist?

Warum soll man das nicht machen? Ist doch cool, wenn man einen Text nicht markieren kann.

Wasn daran cool, wenn ich dem Browser erstmal wieder beibringen muss, zu funktionieren? Das kostet mich nur Zeit. N Qualitätsmerkmal der Seite ist es auf jeden Fall nicht. Eher ein Grund mich anderswo umzusehen.