Formulier netjes onderelkaar

[ZpAz]

Hoe krijg ik mijn formulier netjes onder elkaar? Terwijl het naast een andere tekst staat?

Mijn site: http://www.eljakim.info/test/login.php
css: http://www.eljakim.info/test/style.css

Hoe ik het ongeveer wil:
http://www.landencriminal...c4f079875d68c7a866a8c61e3

Maar dan niet met tabbelen...:0

[martijnve]

divjes? float left en flat right?

maar tabellen zijn een stuk handiger en dat geblaat over "hoort niet zo" het werkt toch? en is er een goed bezwaar... nee.

[ Voor 66% gewijzigd door martijnve op 21-12-2005 19:55 ]

[djluc]

Hier is lang over gediscussieerd. De conclusie is ongeveer:
Een goede tabel is in dit geval niet verkeerd.

[ZpAz]

Ok dan maar in tabbelen

[djluc]

ZpAz schreef op woensdag 21 december 2005 @ 19:58:
Ok dan maar in tabbelen

1 tabel is wel genoeg, tabellen in elkaar enzo is niet de bedoeling he

[Verwijderd]

Tabel is helemaal niet nodig; dit gebruik ik in een login formulier, maar eenzelfde constructie ook een veel ingewikkelder formulieren:

code:

[...]
<form action="logon.php" method="POST">
            <h2 class="logon">Logon</h2>
            <label for="uname">username</label>
            <input type="text" name="uname" id="uname"><br>
            <label for="pword">password</label>
            <input type="password" name="pword" id="pword"><br>
            <input type="submit" value="submit">
        </form>
[...]

code:

label   {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    margin-left: 1em;
    margin-bottom: 10px;
    width: 10em;
    display: block;
    float: left;
    clear: none;
    }

input, select {
    margin-bottom: 10px;
    margin-left: 5px;
    margin: 2px;
    }

[ZpAz]

Bedankt zal eens kijken of ik er wat mee kan:D

[ZpAz]

Ben nu al een aardig eindje op weg, maar heb nu het probleem dat de tekst voor een invoervakje iets te hoog staat, en het knopje gaat niet naar rechts zolang ik niets invoer bij de label.

Hoe los ik dat op?

site: www.eljakim.info/test/login.php
css: www.eljakim.info/test/style.css

edit: vertical-align werkt niet...

[ Voor 7% gewijzigd door ZpAz op 21-12-2005 20:42 ]

[Boelie-Boelie]

Spelen met de margins wil wel eens helpen... (in die styling van jeroenr staan sowieso ietwat te vaak margins gedefinieerd.)