Möchte das strong 200px Breit ist.

|23| · 27.01.2006, 10:51

hier meine CSS:

Code:

 #LoginBoxT {
	float: left;
	background:#ffffff url(img/box/top_left.jpg) no-repeat;
	margin: 10px;
	width: 450px;
}
#LoginBoxD {
	background:url(img/box/top_right.jpg) top right no-repeat;
	padding: 10px;
}

#LoginBoxT strong {
	width:200px;
	font-weight: bold;
}
........

hier mein HTML Input:

Code:

	<div id="LoginBoxT">
	<div id="LoginBoxD">
		<h2>Login</h2>
		<p>
			<form id="login" action="" method="post">
				<p>
					<lable for="benutzername"><strong>Benutzername:</strong></lable>
					<input id="benutzername" name="loginnamen" type="text" />
				</p>
				<p>
					<lable for="passwort"><strong>Passwort:</strong></lable>
					<input id="passwort" name="passwort" type="text" />
				</p>
				<p>
					<input id="Senden" name="Senden" value="Abschicken" type="submit" tabindex="4" />
				</p>
			</form>
		<? include('include/login.inc.php'); ?>
		</div>
		</div>

Jemand eine idee ? Wieso mein strong nicht 200 px Breit ist? Ich möchte halt den Abstand von der Bezeichnung zum input regeln.

Gruß

23

27.01.2006, 10:54

weil strong, übrigens genauso wie label, ein inlineelement ist und ersma nur so breit ist wie sein inhalt.
kann man das ändern? ja.

Code:

label {
  display: block;
  float: left;
  width: 200px;}

hier ma live: http://www.ingowagener.de/tp-beispiele/saga/

hero-master · 27.01.2006, 11:42

Zitat:

Zitat von ingo

Code:

label {
  display: block;
  float: left;
  width: 200px;}

Wobei hier das display:block nicht nötig ist, da, wenn gefloatet wird, jedes Element automatisch ein Blockelement wird