Forum

form {

width: 500px;

padding: 10px 20px;

background: lavender;

color: midnightblue;

}

form p {

margin: 1em 0;

}

form p.double {

/* Empêcher le dépassement des flottants */

overflow: hidden;

/* Idem pour IE6 */

width: 100%;

}

form p.double label {

float: left;

width: 150px;

text-align: right;

font-weight: bold;

cursor: pointer;

}

form p.double label span.info {

display: block;

margin-top: .2em;

font-size: .8em;

font-weight: normal;

cursor: default;

}

form p.double input,

form p.double textarea {

width: 250px;

margin-left: 12px;

border: solid 1px midnightblue;

padding: 2px 4px;

}

form p.double textarea {

padding: 2px 0 0 4px;

width: 320px;

height: 6em;

}

form p.simple {

margin-left: 160px;

}

<form action="LIEN DE L'APPLET en commencant par http://">

<p class="double">

<label for="f1-nom">Pseudo:</label>

<input type="text" id="pseudo" />

</p>

<p class="double">

<label for="f1-prenom">Âge:</label>

<input type="text" id="age" />

</p>

<p class="double">

<label for="f1-adresse">Sexe:

<span class="info">Sexe</span></label>

<input type="text" id="sexe" />

</p>

<p class="double">

<label for="f1-ville">Ville:

<span class="info">ville</span></label>

<input type="text" id="ville" />

</p>

<p class="double">



<p class="simple">

<input type="submit" value="Chatter" />

</p>

</form>

<form class="2" action="http://vps165.max-vps.net/chat/index.php" method="post">



<fieldset>



<table>



<tr><td title="Pseudo de votre choix">Pseudo</td><td colspan="3"><input type="text" name="pseudo" size="20" maxlength="30" value=""></td></tr>



<tr><td title="Mot de passe uniquement pour les pseudos enregistrés">Passe</td><td colspan="3"><input type="password" name="passe" size="20" maxlength="32" value=""></td></tr>



<tr><td title="Age">Age</td><td colspan="3"><input type="text" name="age" size="2" maxlength="2" value=""></td></tr>



<tr><td title="Sexe">Sexe</td><td><input type="radio" name="sexe" value="M">Homme</td>



<td><input type="radio" name="sexe" value="F">Femme</td>



<td><input type="radio" name="sexe" value="?">Sans sexe</td></tr>



<tr><td title="Votre ville ou tout autre commentaire">Ville</td><td colspan="3"><input type="text" name="ville" size="20" value="" maxlength="35"></td></tr>



<tr><td title="Couleur d'écriture de votre choix">Couleur d'écriture</td><td colspan="3"><select name="couleur" style="width:150px">



<option value="0" style="background-color:#FFFFFF">Blanc</option>



<option value="1" style="background-color:#000000;color:white" selected="selected">Noir</option>



<option value="2" style="background-color:#000080;color:white">Bleu foncé</option>



<option value="3" style="background-color:#008000;color:white">Vert foncé</option>



<option value="4" style="background-color:red">Rouge</option>



<option value="5" style="background-color:#800000;color:white">Rouge foncé</option>



<option value="6" style="background-color:#800080;color:white">Violet</option>



<option value="7" style="background-color:#FF8000">Orange</option>



<option value="8" style="background-color:yellow">Jaune</option>



<option value="9" style="background-color:#00FF00">Vert clair</option>



<option value="10" style="background-color:#008080">Turquoise</option>



<option value="11" style="background-color:#8080FF">Bleu clair</option>



<option value="12" style="background-color:blue;color:white">Bleu foncé</option>



<option value="13" style="background-color:#FF00FF">Rose</option>



<option value="14" style="background-color:#808080">Gris foncé</option>



<option value="15" style="background-color:#C0C0C0">Girs clair</option>



</select>



</td></tr>



<tr><td title="Choisissez un salon à rejoindre">Salon à rejoindre</td><td colspan="3"><select name="salon" style="width:150px">



<option value="#Accueil">Accueil</option>



<option value="#Ado">Ado</option>



<option value="#Aide">Aide</option>



<option value="#Gluk">Gluk</option>



<option value="#Nicolle">Nicolle</option>



<option value="#Rencontre">Rencontre</option>



<option value="#Quizz">Quizz</option>



<option value="#Services">Services</option>



</select>



</td></tr>



<tr>



<td title="Acceptez-vous les messages privés ?">Message privé</td><td colspan="3">



<select name="mp" style="width:150px">



<option value="1">Accepter </option>



<option value="0">Refuser</option>



</select>



</td>



</tr>



<tr>



<td>



<input type="submit" name="submit" value="Chatter" class="bouton">



</td>



</tr>



</table>



</fieldset>



</form>