Ajouter le status d'un serveur à coté du logo

[alesana18]

Salut,

J'aurais besoin d'aide pour ajouter le status de mon serveur et celui de minecraft à droite de mon logo.

Mon forum: http://mcnobs.no-ip.org/forum/


Le status des serveurs:


Résultat désiré:


* Je vais peut-être changer la couleur du texte en blanc et mettre le "background" des status en noir ou peut-être le laisser ainsi et faire un cadre mauve autour de celui-ci. Mais cela n'a guère à voir avec mon problème.

De plus, si vous remarquez, le status des serveurs ne sont pas égales. J'aimerais savoir comment je pourrais optimiser le code pour que ceux-ci soit complètement égale?

Voici le code actuelle pour les status des serveurs:

Code PHP :

<?php
$online = @fsockopen("107.22.188.221", 25567, $errno, $errstr, 1);
$online2 = @fsockopen("107.22.183.64", 25567, $errno, $errstr, 1);
if($online and $online2 >= 1) { 
//Online!
$image = "http://thefallenmoon.net/status.php?ip=107.22.188.221&port=25567";
print ("<b>Minecraft Login Server:</b> ");
print '<img src="'.$image.'" alt="loading ..." />';
}
else {
//Offline!
$image = "http://thefallenmoon.net/status.php?ip=107.22.188.221&port=25567";
print ("<b>Minecraft Login Server:</b> ");
print '<img src="'.$image.'" alt="loading ..." /><BR>';  
}

$image = "http://thefallenmoon.net/status.php?ip=XXX.XXX.XX.XX&port=25567";
print ("<b>NoBS Server:</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
print '<img src="'.$image.'" alt="loading ..." />';

?>

J'ai utilisé   pour ajouter des espace mais je sais très bien que c'est loin d'être la meilleur méthode. J'aimerais aligner les deux status.

En résumé, j'aimerais placer les status des serveurs à droite de mon logo et amélioré le code des status pour que ces derniers (les images online/offline) soient parfaitement aligné. De plus, si vous pouvez m'aider à amélioré mon code en générale pour le status des serveur ça sera très apprécié!

Merci de prendre le temps de m'aider! =)

[alesana18]

Ce forum n'est pas trop actif ou es-ce que mon problème est trop compliqué?

[exdiogene]

Pour l'alignement c'est une question de CSS, il faut utiliser des "DIV" avec un style "float" ou encore des "TABLE".

Il est possible d'avoir beaucoup d'exemple avec Google pour l'utilisation du CSS, surtout sur http://w3schools.com

Le code actuel étant du PHP, il ne pourra être simplement intégré dans un template. Alors il faudra utiliser un plugin ou une insertion dans un fichier source, de plus la demande sollicite une amélioration du code existant et demanderait plus de temps a investir pour des raisons esthétiques et de codage, cela dépasse un peu le soutient fourni ici et expliquerait en partie le délai de réponse.