Aller au contenu

Alignement image verticalement + scipt pour ping


lordbdp

Messages recommandés

Posté(e)

Bonjour tout le monde,

Je tente de réaliser un tableau pour remonter l'info si tel ou tel serveur est en service.

1) Le script pour le ping fonctionne uniquement pour un retour de ping mais pas pour les autres, pourquoi ?

2) Comment faire afin que l'image s'affiche dans la cellule en alignement vertical au milieu ?

3) Pourquoi dois-je retirer la ligne de code suivante pour que l'image s'affiche ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Page qui affiche l'image en retirant le DOCTYPE.

Page qui n'affiche pas l'image en laissant le DOCTYPE.

Merci d'avance.

Posté(e)

Lu,

Tout d'abord, juste pour savoir pourquoi tu n'utilises pas directement nagios ou nrpe pour faire tes tests ?

Ensuite je pense que la page qui précise le doctype est interprété de façon plus stricte par ton navigateur. Alors que la page sans est interprété en mode "page avec du code sale". En général les gens qui précisent le doctype savent coder donc il y n'y a pas trop d'erreurs.

Tu devrait corriger quelques erreurs (par exemple, tu fermes une balise </center> pour fermer une <div> qui précise un align centré) :

http://validator.w3.org/check?uri=http%3A%...ine&group=0

Je ne peux pas te garantir que ça résoudra ton problème, mais c'est la première chose que je ferais pour être sûr. Et dans tous les cas, tu aura une page plus propre.

Posté(e)
2) Comment faire afin que l'image s'affiche dans la cellule en alignement vertical au milieu ?

<td style="vertical-align: middle"><img.../></td>

:chinois:

Ca me donne au final

<td style="vertical-align: middle" align="center" bgcolor="#ffffff" bordercolor="#ffffff">

Mais ça ne change rien à l'alignement vertical.

Pour la partie validateur, si je fais ce qu'ils me demandent plus rien ne fonctionne.

Posté(e)
Pour la partie validateur, si je fais ce qu'ils me demandent plus rien ne fonctionne.
Déjà commence par remplacer tes balises </center> comme je te l'ai dit plus tôt, ça n'a aucun sens.

Arf j'avais pas vu le code source de sa page. En effet, pas mal de trucs n'ont pas de sens.

Posté(e)

J'ai donc fait les modifs que je comprend sur la Page qui affiche l'image en retirant le DOCTYPE. Pour les erreurs que le W3C trouve je ne vois pas comment faire car ce serait tout le code à refaire :transpi:

Posté(e)
1) Le script pour le ping fonctionne uniquement pour un retour de ping mais pas pour les autres, pourquoi ?

Tu as donné le même nome à tous tes FORM (frm) et à tous tes IMG (imag) donc tous les scripts s'exécutent mais accèdent à la même image du même formulaire, c'est à dire le premier de la page avec le nom recherché. Il faut au moins que tu donnes des noms différents à l'élément de plus haut niveau, en l'occurence les forms.

Pr ex : frm1, frm2, frm3... Comme ça tu accèdes bien à tes images par des noms distincts :

frm1.imag

frm2.imag

frm3.imag

...

2) Comment faire afin que l'image s'affiche dans la cellule en alignement vertical au milieu ?

Apparemment, les FORM ont par défaut une marge inférieure mais pas supérieure ce qui fait qu'il y a un blanc sous ton image. Tu peux faire par ex

<form style="margin:5"  name="frm1">

pour avoir la même marge en haut et en bas. Tu n'as pas besoin de vertical-align car le form est l'élément le plus haut de la ligne du tableau, il ne "flotte" pas verticalement dans sa cellule de tableau et n'a donc pas besoin d'être centré.

3) Pourquoi dois-je retirer la ligne de code suivante pour que l'image s'affiche ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

sais pas !

Mais ça peut pas faire de mal de nettoyer le code et de le rendre conforme à la norme que tu cites...

Posté(e)

Bon j'ai divisé par 2 le nombre d'erreurs grâce à Firefox -> Test 3

J'ai corrigé d'autres erreurs en plus visible sur le Test 2 sauf que je ne vois pas comment faire pour les commandes action et src. Si quelqu'un peut m'expliquer.

Merci encore.

Posté(e)

Bon c'est ok ! Le Test 2 est validé W3C, mais cela me fait une belle jambe car les icones On/Off ne s'affichent plus. Alors que j'ai juste viré le DOCTYPE sur le Test 3 et là les icones s'affichent.

Que faire ?

Posté(e)
Bon c'est ok ! Le Test 2 est validé W3C, mais cela me fait une belle jambe
Bah ça te permet d'éviter d'avoir certains bugs d'affichage dans certains navigateurs.

Il faut dire que ta page est codée bizarrement.

Pourquoi as tu des forms dans tes cellules déjà ?

Est tu sûr d'avoir besoin d'espaces insécables ?

L'attribut margin de ton form.c5 est invalide.

Ensuite dans ton code javascript, tous tes "frmX" sont invalides.

Regardes déjà de ce côté là.

Posté(e)
Bon c'est ok ! Le Test 2 est validé W3C, mais cela me fait une belle jambe car les icones On/Off ne s'affichent plus.

Que faire ?

Tout simplement corriger ton code :chinois: Si cela ne s'affiche pas, c'est que tu te plantes quelque part.

Posté(e)

Le soucis est que je suis autodidacte en programmation et c'est un assemblage de script que j'ai fait et je ne comprend rien de ce que vous me demandez de faire. :byebye:

Posté(e)

Ben c'est comme ça qu'on apprend. Apprendre sur le tas c'est ce qu'il y a de plus motivant (= résultats concrets tout de suite).

Si tu utilises Firefox, je te conseilles l'utilisation de l'extension firebug qui pourra t'aider pas mal.

Aussi corriges les points que je t'ai mentionné plus haut ou dis nous ce qui te pose problème.

Posté(e)
Si tu utilises Firefox, je te conseilles l'utilisation de l'extension firebug qui pourra t'aider pas mal.

Firebug, Webdevelopper et Tamper Data sont trois extensions importantes pour développer correctement :dd:

Posté(e)

C'est déjà fait avec WebDevelopper ;-)

Mais pour Firebug et Tamper Data on va ou pour les activer car je n'ai rien à l'écran pour eux dans les menus et clics droit ??

En revanche comme je le disais un peu plus haut :

je ne vois pas comment faire pour les commandes action et src. Si quelqu'un peut m'expliquer.
sur le Test 2.

Merci encore pour votre patience.

Posté(e)
Mais pour Firebug et Tamper Data on va ou pour les activer car je n'ai rien à l'écran pour eux dans les menus et clics droit ??

Firebug c'est l'icone en forme de vis en bas à droite. Tamper Data, c'est le sous menu "Altérer données" dans "Outils"

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...