Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

HTML 4

  Problèmes de </form> sur Netscape PC

Fonction  principe  les methodes  demonstrations  telechargement de la methode  Compatibilite du script... a partir de : 

  Fonction
Netscape Navigator (ou Communicator) a une facheuse tendance à créer un voir plusieurs sauts de lignes lors de l'insertion d'in formulaire au sein d'un texte, comment l'éviter ou du moins en minimiser les conséquences.
  Principe
Les seuls moyens de faire disparaître ces sauts de lignes intempestifs, c'est d'utiliser les tableaux, en imbricant les balises <form> et </form> de certaines façons.

Partons du principe que votre formulaire est inséré totalement dans un tableau, du texte avant, du texte après.
Placez toujours votre balise <form> dans la cellule contenant le premier élément de votre formulaire.
  1. Si vous le pouvez, après le dernier élément de votre formulaire, créez une ligne de tableau dans laquelle vous placerez votre balise </form> et au moins le début du texte qui doit suivre votre formulaire :
    • Aucun saut de ligne n'apparaîtra !
  2. Si cela ne vous est pas possible, après le dernier élément de votre formulaire, créez une ligne de tableau et au moins une cellule sur cette ligne dans laquelle vous placerez votre balise </form> :
    • sur Internet Explorer, aucun saut de ligne, aucun décallage,
    • sur Netscape, aucun saut de ligne mais vous constaterez que la ligne ajoutée occupe une hauteur de 2 pixels.
  3. Si cela ne vous est pas possible, après le dernier élément de votre formulaire, créez une nouvelle cellule dans laquelle vous ne placerez que votre balise </form> :
    • sur Internet Explorer, aucun saut de ligne, aucun décallage,
    • sur Netscape, aucun saut de ligne mais vous constaterez que la cellule ajoutée occupe une largeur d'1 pixel.
  Le script
Présentation 'par défaut' :
Texte avant le formulaire
<form...>Votre nom : <input type="text" name="nom" size="10"><br>
<input type="submit" value="envoyer"></form>
Texte après le formulaire...

Exemple 1 :
<table cellspacing="0" cellpadding="0">
<tr>
<td>Texte avant le formulaire</td>
</tr>
<tr>
<td><form...>Votre nom : <input type="text" name="nom" size="10"><br>
<input type="submit" value="envoyer"></td>
</tr>
<tr>
<td></form>Texte après le formulaire</td>
</tr>
</table>

Exemple 2 :
<table cellspacing="0" cellpadding="0">
<tr>
<td>Texte avant le formulaire</td>
</tr>
<tr>
<td><form...>Votre nom : <input type="text" name="nom" size="10"><br>
<input type="submit" value="envoyer"></td>
</tr>
<tr>
<td></form></td>
</tr>
</table>
Texte après le formulaire

Exemple 3 :
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">Texte avant le formulaire</td>
</tr>
<tr>
<td><form...>Votre nom : <input type="text" name="nom" size="10"><br>
<input type="submit" value="envoyer"></td>
<td></form></td>
</tr>
</table>
Texte après le formulaire

  Démonstrations

Présentation 'par défaut' :
Texte avant le formulaire
Votre nom :
Texte après le formulaire...
Exemple 1 :
Texte avant le formulaire
Votre nom :
Texte après le formulaire
Exemple 2 :
Texte avant le formulaire
Votre nom :
Texte après le formulaire
Exemple 3 :
Texte avant le formulaire
Votre nom :
Texte après le formulaire

  Téléchargement
La méthode :
marges_explorer.zip
0,2 Ko
telechargez le script
Recherche
aide sur la recherche
hit-parade
Votez TOP Ouaibe !

statistiques
aide sur les contacts aide sur la mailing-list aide sur la newsletter