Een form zonder table!
Ik loop tegen een aantal problemen echter op:
- De submit button weet ik in beide gevallen niet goed XHTML 1.1 valid te centreren
- In IE doet divform.html het natuurlijk weer niet, in Firefox en Opera wel
En ik had ook nog een vraag:
Is het nu beter om dit op deze manier te doen of is het gewoon beter om met tables te blijven werken voor formulieren?
Gesponsorde koppelingen:
3. Denk niet dat het echt uitmaakt,div vind ik wel leuker.
edit: en daarnaat komt het wachtwoord in de balk, niet echt handig.
Gewijzigd op 02/04/2006 19:49:00 door Kalle P
De opmaak van een form is meestal:
label - input
Als je de labels deze CSS geeft:
Code (php)
1
2
3
4
5
2
3
4
5
label {
float: left;
width: 140px;
text-align: right;
}
float: left;
width: 140px;
text-align: right;
}
Dan kun je de rijen in je form zo coderen:
Code (php)
1
2
3
4
2
3
4
<p>
<label for="veldnaam">veldnaam:</label>
<input id="veldnaam" type="text">
</p>
<label for="veldnaam">veldnaam:</label>
<input id="veldnaam" type="text">
</p>
@Jan: Bedankt. Ik heb iets online gezet (janform.html). Is dat ongeveer wat je bedoelt?
Heb je zelf ook een voorbeeld van zoiets en zou ik het mogen zien?
Sebastiaan:
@Kalle: Voor centreren zal ik morgen kijken.
Ach ik neem het niet zo nauw. Je bent nog jong en klein dus lezen is best lastig.
Jan's aanpak is al wat beter, al is <paragraaf> daar niet voor bedoelt, en geeft het nogal een vreemd resultaat in Lynx daardoor.
Ik zou gewoon gaan voor een label, met daaronder het veld. Met display:block dus, geeft een beetje het fieldset-legend effect. Met margin en padding kan je hem dan er nog wat spelen, resultaat om tevreden mee te zijn.
centreren wil eigenlijk altijd wel via margin: 0 auto; of desnoods text-align: center; (IE workaround)
Gewijzigd op 02/04/2006 20:19:00 door Jelmer rrrr
Quote:
Klopt, niet veel, ik ben er zelf ook niet super trots op.Sebastiaan, wat is het verschil tussen tabellen en jouw variant? Alleen een verschil in tag-naam?
Quote:
Zoiets als dit dus?:k zou gewoon gaan voor een label, met daaronder het veld.
<label for="veld">Veld:</label><br />
<input type="text" id="veld">
Quote:
Oké. Bedankt.centreren wil eigenlijk altijd wel via margin: 0 auto; of desnoods text-align: center; (IE workaround)
Sebastiaan:
@Jan: Bedankt. Ik heb iets online gezet (janform.html). Is dat ongeveer wat je bedoelt?
Heb je zelf ook een voorbeeld van zoiets en zou ik het mogen zien?
Heb je zelf ook een voorbeeld van zoiets en zou ik het mogen zien?
Ja, bijvoorbeeld het inschrijfformulier voor het PHPuitje. Kijk de CSS maar na daar.
