Aller au contenu

Alignement image verticalement + scipt pour ping


lordbdp

Messages recommandés

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.

Lien vers le commentaire
Partager sur d’autres 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.

Lien vers le commentaire
Partager sur d’autres 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.

Lien vers le commentaire
Partager sur d’autres 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.

Lien vers le commentaire
Partager sur d’autres 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...

Lien vers le commentaire
Partager sur d’autres 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à.

Lien vers le commentaire
Partager sur d’autres 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.

Lien vers le commentaire
Partager sur d’autres 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.

Lien vers le commentaire
Partager sur d’autres sites

Archivé

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

×
×
  • Créer...