[RÉGLÉ] PB pour afficher un tableau en Javascript dans un article

[algrand001]

Bonjour à tous,
je n'arrive pas à faire afficher mon tableau comme je veux dans un article.
Je suis sur joomla 3.X avec le template ja purity 3
Je travaille en mode non wysiwyg

voici mon script :

<SCRIPT Language="JavaScript">


function perRound(num, precision) {...
ici se trouve les fonction de calcul du tableau
ça cela fonctionne
}

// --->

</script>
</head>
<form name="gplen">
<center>
<TABLE ALIGN=MIDDLE BORDER=1 CELLPADDING=5>
<TR BGCOLOR=#BB0000>
<!--Ligne 1-->
<td>
<span style="color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: justify;">
<center>Désignation</center>
</span>
</td>
<td>
<span style="color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: justify;">
<center>Valeur</center>
</span>
</td>
</tr>
<TR BGCOLOR=#BB0000>
<TD align="center" colspan="2" WIDTH=60%>
<span style="color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: justify;">
<center>Entrez votre fréquence</center>
</span>
</td>
</tr>
<tr>
<td>
<center>Fréquence désirée</center>
</td>
<td>
[B]<input type="text" name="frequency" value="29.000" size="18" onFocus="clear_field(this)"> MHz[/B]
</td>
</tr>
<tr>
<td colspan="2" align="center">
<center>
<input type="button" value="Calculer" onClick="calclen(this.form)">
&nbsp;&nbsp;&nbsp;
<input type="Reset" value="Nettoyer">
</center>
</td>
</tr>
<TR BGCOLOR=#BB0000>
<TD align="center" colspan="2">
<span style="color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align: justify;">
<center>Résultats obtenus</center>
</span>
</td>
</tr>
<tr>
<td>
<center>
Hauteur du brin rayonnant
</center>
</td>
<td>
[B]<input type="text" name="gp" value="0" size="28" readonly> Meters[/B]
</td>
</tr>
<tr>
<td>
<center>
Hauteur du brin rayonnant
</center>
</td>
<td>
[B]<input type="text" name="gpf" value="0" size="28" readonly> Feet[/B]
</td>
</tr>
<tr>
<td>
<center>
Hauteur du brin rayonnant
</center>
</td>
<td>
[B]<input type="text" name="gpi" value="0" size="28" readonly> Inches[/B]
</td>
</tr>
<tr>
<td>
<center>
Longueur d'un radian
</center>
</td>
<td>
[B]<input type="text" name="radial" value="0" size="28" readonly> Meters[/B]
</td>
</tr>
<tr>
<td>
<center>
Longueur d'un radian
</center>
</td>
<td>
[B]<input type="text" name="radialf" value="0" size="28" readonly> Feet[/B]
</td>
</tr>
<tr>
<td>
<center>
Longueur d'un radian
</center>
</td>
<td>
[B]<input type="text" name="radiali" value="0" size="28" readonly> Inches[/B]
</td>
</tr>
</table>
</form>

J'ai mis en gras les lignes qui pausaient problème.
Le valeur en texte de fin de ligne ne s'affichent pas après le champs contenant le résultat mais juste en dessous.
Par exemple pour cette ligne,
<input type="text" name="radiali" value="0" size="28" readonly> Inches
je voudrait que "Inches" s'affiche à la suite du champs défini juste avant. Rien a faire,"Inches" s'affiche en dessous de ce champs.

Vous pouvez voir le résultat ici

Si quelqu'un peut me dire ce qui ne va pas, je suis intéressé.
Merci d'avance...

[lomart]

Bonsoir,

Merci d'éviter d'écrire en rouge. Utilisez la balise code pour le code est préférable

[algrand001]

Merci pour la rectification. Autant pour moi.

[lomart]

Ce n'est pas un problème de java mais de css
En ajoutant cette règle, tout rentre dans l'ordre

input[type="text"] {

    display: inline-block;

}

[lesoutier]

Ce n'est pas un problème de java mais de css

Ça pourrait être éventuellement un problème de Javascript, mais en aucun cas un problème de Java.

[algrand001]

Je pense que je suis une grosse quiche ? Je n'arrive pas à intégrer ce morceau de code que tu m'as aimablement transmis. Quelque soit l'endroit ou je le place, cela ne change rien ? Tu vas certainement me trouver un peu lourd mais tu l'intégrerai où dans mon script ce bout de code et comment ?

[algrand001]

Au passage je confirme , j'ai été un peu vite pour rédiger ma question. Je parlai bien de Java script et non de Java

[lomart]

Je pensais que tu savais manipuler du code, c'est pour cela que je n'ai pas été plus précis. Il suffit de l'ajouter entre des balises style

 <style>
input[type="text"] {
  display: inline-block;  
}
</style>

On peut aussi l'ajouter dans la feuille de style perso du template

[algrand001]

Ha ben oui, c'est bien ce que je dis, je suis une authentique quiche ! lol
J'avais juste oublié de remettre les balises <style>.
Je te jure, il y a des jours où on ne dispose pas de l'intégralité de ses neurones.
En tout cas merci de m'avoir remis sur le droit chemin et encore merci pour le coup de main.
Le problème est maintenant réglé.
Bon weekend à toi.