Trois sortes de tableaux stylisés avec les balises SPAN

Ligne 1.................................................................................

Ligne 2..........

Ligne 3

Ligne 4........

Rangée 1....

Rangée 2..........

Rangée 3

Rangée 4........

Cellule 1

Cellule 2

Cellule 3

Cellule 4

Contrairement aux les balises DIV, il n'y a pas de saut de ligne automatique avec les balises SPAN, les lignes peuvent sortir du cadre du tableau. Et d'autre part, les tableaux sont collés l'un à l'autre. C'est à vous de mettre une balise <br> à l'extrémité d'une ligne avant qu'elle ne dépasse du cadre et entre les balises de fermeture </span> et d'ouverture <span> pour séparer les tableaux

code pour obtenir ces trois tableaux

<span style="border:solid 3px lightgreen; background:magenta; width:100%; display:block;"> <table width="100%" cellpadding="1" cellspacing="1" > <tr><td align="left">Ligne 1................................................................................ <tr><td align="left">Ligne 2..........</td></tr> <tr><td align="left">Ligne 3</td></tr> <tr><td align="left">Ligne 4........</td></tr> </table> </span>
<span style="border:solid 3px magenta; background:lightgreen; width:40%; display:block;"> <table border ="1" width="100%" cellpadding="1" cellspacing="1" > <tr><td align="left">Rangée 1....</td></tr> <tr><td align="left">Rangée 2..........</td></tr> <tr><td align="left">Rangée 3</td></tr> <tr><td align="left">Rangée 4........</td></tr> </table> </span>
<span style="border:solid 3px lightgreen; background:magenta; width:345px; display:block;"><table border ="1" width="100%" cellpadding="1" cellspacing="1" > <tr><td align="left">Cellule 1</td> <td align="left">Cellule 2</td> <td align="left">Cellule 3</td> <td align="left">Cellule 4</td></tr> </table></span>

Un formulaire de contact personnalisé

Interface de ce formulaire

nom*:
email*:
objet:
message*:

  @ copyleft wubijacq.com

* Champs obligatoires
Share alike

Cet élégant petit formulaire ne fait que 275px de largeur. Les balises TABLE créent une charpente bien structurée. Les balises SPAN (dont il est préférable d'exprimer le "width" en pixels) tendent une toile de fond colorée. Le texte envoyé par ce formulaire est du Text/brut. Le Text/html est quant à lui, potentiellement dangereux car certains peuvent y induire du code malicieux. Vous avez surement un client de messagerie qui peut envoyer et recevoir du Text/html et qui bénéficie des dernières mises à jour anti-virus et anti-spam. Avec ce formulaire pas de problème, il ne fait qu'envoyer des messages en Text/brut

code HTML de ce formulaire de contact

<form method=POST action=contact.php>
<span style="background:#4e2140;color:#9e934c;width:275px; display:block;"> <table border=1 width=100%> <tr><td>nom*:</td> <td><input type=text name=realname ></td></tr> <tr><td>email*:</td> <td><input type=text name=email title="entrer une adresse valide" value="@" /></td></tr> <tr><td>objet:</td> <td><input type=text name=title ></td></tr> <tr><td colspan=2>message*:<br> <textarea COLS=30 ROWS=8 name=comments></textarea> </td></tr></table></span> <span style=" background:#4e2140;color:#9e934c;width:275px; display:block;"> <input type=submit value=Envoyer> <a href="http://www.wubijacq.com/html4/span-tag.html#A"><small><small><font color=white> @ copyleft wubijacq.com</font></small></small></a></span></form><br><span style="width:100%;display:block;text-align:centre" ><small>* Champs obligatoires</small></span>




Si vous installez ce formulaire dans un de vos sites, signalez-moi l'endroit où vous l'avez installé en me contactant ICI . Si vous avez respecté le copyleft, et si cela vous intéresse, je ferai un lien vers votre site. Ceux qui feront un don (c'est rare), j'en serai honoré et je les remercie. Enfin, il faut aussi un fichier PHP. Ces deux fichiers HTML et PHP doivent se trouver dans un même répertoire de votre site. Que ceux qui ne comprennent pas tout-à-fait n'hésitent pas à me contacter de nouveau.
C'est aussi cela le Share Alike ( Partage Équitable )
Voici la page: contact.php.html   qui,  je l'espère, vous aidera à créer votre page contact.php. Vous trouverez un catalogue avec différentes interfaces pour formulaire de contact dans catalogue formulaires Vous pouvez aussi faire directement la commande du fichier contact.php dans ce formulaire de contact et tester ainsi le fonctionnement de ce genre de formulaire