Ich hab das über <fieldset> gelöst:
Code:
<fieldset>
<legend>Pflichtangaben</legend>
<!-- -->
</fieldset>
<fieldset>
<legend>Freiwillige Angaben</legend>
<!-- -->
</fieldset>
Konkret sieht das ganze mit diesem Code
Code:
<fieldset>
<legend>Pflichtangaben</legend>
<dl>
<dt><label for="Nickname">Nickname: </label></dt>
<dd><input name="Nickname" id="Nickname" maxlength="16" type="text"></dd>
<dt><label for="Email">E-Mail: </label></dt>
<dd><input name="Email" id="Email" maxlength="25" type="text"></dd>
<dt><label for="Passwort">Passwort: </label></dt>
<dd><input name="Passwort" id="Passwort" type="password"></dd>
<dt><label for="cPasswort">Passwort bestätigen: </label></dt>
<dd><input name="cPasswort" id="cPasswort" type="password"></dd>
</dl>
</fieldset>
<fieldset>
<legend>Optionale Angaben</legend>
<dl>
<dt><label for="IRC"><abbr title="Internet Relay Chat">IRC</abbr>-Channel</label></dt>
<dd><input name="IRC" id="IRC" maxlength="35" type="text"></dd>
<dt><label for="ICQ"><abbr title="I seek you - Chatprogramm">ICQ</abbr>-Nummer</label></dt>
<dd><input name="ICQ" id="ICQ" maxlength="9" type="text"></dd>
<dt><label for="MSN">MSN:</label></dt>
<dd><input name="MSN" id="MSN" maxlength="35" type="text"></dd>
<dt><label for="AIM"><abbr title="AOL Instant Messenger">AIM</abbr>:</label></dt>
<dd><input name="AIM" id="AIM" maxlength="35" type="text"></dd>
<dt><label for="YIM"><abbr title="Yahoo Instant Messenger">YIM</abbr></label></dt>
<dd><input name="YIM" id="YIM" maxlength="35" type="text"></dd>
<dt><label for="Homepage">Webseite</label></dt>
<dd>http://<input name="Homepage" id="Homepage" maxlength="50" type="text"></dd>
</dl>
</fieldset>
aus, wie im Anhang zu sehen.