Jump to content

Alignement image verticalement + scipt pour ping


lordbdp

Recommended Posts

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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...

Link to comment
Share on other sites

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à.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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"

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...