[Ben]

Hallo,
ich bräuchte mal Eure Hilfe.

Wenn man hier im Forum ausgeloggt ist sieht man oben rechts ja ein Login-Formular. Die Darstellung ist hier ja via Layouttabelle reregelt.

Ich habe nun vor das zu ändern. Es geht dabei nicht um eine Änderungen in diesem vBulletin-Style, sondern um eine generelle Frage.
Ich würde also gerne auf die Layouttabelle verzichten, so dass ich derzeit diesen Code hier habe.

	  <!-- login form -->
	  <form action="login.php?do=login" method="post">
	   <label for="navbar_username">Username</label> 
	     <input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" />
	   <label for="cb_cookieuser_navbar">
	     <input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" />
	   Login merken</label>
	  
	   <label for="navbar_password">Password</label></td>
	     <input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" />
	     <input type="submit" class="button" value="Einloggen"  />
	  </form>
	  <!-- / login form -->

Ich komme aber einfach nicht zu Potte, was die CSS-Formatierung angeht.

Wie könnte ich denn aus vorhandenem Code, das gewünschte Ergebnis erzielen? Bei Bedarf kann der Code natürlich abgewandelt werden, allerdings sollte er schon semantisch korrekt sein (hoffe mal, dass meiner es ist!).

Das gewünschte Ergebnis .. siehe Screenshot im Anhang.

Grüße, Ben.

[Lars]

Kann man für <label> keine Breite festlegen?

hoffe mal, dass meiner es ist!

Nö, du hast ein </td> vergessen, hinter dem <label> für navbar_password

[$traight-$hoota]

ich glaub da gabs auf alistapart oder so mal nen artikel zu. ich find den aber nicht mehr.
aber im großen und ganzen musst du deine labels und inputs als floatende blockelemente mit fester breite angeben.

sowas in der art sollte das lösen:

<form action="login.php?do=login" method="post" id="loginform">
    <label for="navbar_username">Username</label> 
    <input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" />

    <label for="cb_cookieuser_navbar" id="cookieuser_label">
         <input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" />
         Login merken
    </label>

    <label for="navbar_password">Password</label>
    <input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" />

    <input type="submit" class="button" value="Einloggen" id="submit_button" />
</form>

#loginform label,
#loginform input{
    display: block;
    float: left;
    width: 25%;
}
#cookieuser_label{
    width: 50%;
}
#cookieuser_label input{
    display: inline;
    float: none;
    width. auto;
}
 

[xlb]

Du bist doch der gleiche "Ben", wie hier ?

... und der Link, den du damals selbst gepostet hast.

[Ben]

Owned!

Danke Jungs.

[Ben]

Noch ein kleiner Nachtrag:
http://barrierefrei.e-workers.de/wor...able_form.html