CSS module : fusion de 2 modules + problème positionnement

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] CSS module : fusion de 2 modules + problème positionnement

    Bonjour,

    depuis quelques temps, j'essaye de resoudre un problème qui est relativement genant

    j'ai 2 problèmes, tous lié a la css d'un module pour afficher quelques informations d'un serveur de jeu (minecraft)

    le premier problème :

    lorsque j'ajoute ce code (pour pouvoir aligner l'affichage des joueurs) :
    Code:
    echo '<div style="text-align: left; padding-left: 35px; "/>';
    j'ai une fusion entre le module (positionné a la position-7, soit a la position du menu verticale à droite) et le module d'en dessous

    voici une image qui explique mieux la situation :

    Cliquez sur l'image pour l'afficher en taille normale

Nom : probleme1.jpg 
Affichages : 1 
Taille : 118,2 Ko 
ID : 1820001

    voici le code php du module :

    Code PHP:
    <?php



    require('JSON/JSONAPI.php'); // get this file at: https://github.com/alecgorge/jsonapi/raw/master/sdk/php/JSONAPI.php



    // $ipserv; // Ip du serveur

    // $portserv; //port du plugin (par défaut : 20059)

    // $loginserv; //nom d'utilisateur

    // $passwdserv; //mot de passe

    // $salterv; //salt

    // $nomserv; //nom du serveur

    // $versionserv; //version du serveur



    if (is_callable(array($params,"get"))) {

        
    $nomserv $params->get'nomserv' );

        
    $versionserv $params->get'versionserv' );

        
    $align $params->get'align' );

        
    $taille $params->get'taille' );

        
    $images $params->get'images' );

        
    $ipserv $params->get'ipserv' );

        
    $portserv $params->get'portserv' );

        
    $loginserv $params->get'loginserv' );

        
    $passwdserv $params->get'passwdserv' );

        
    $saltserv $params->get'saltserv' );

        

    } else {

        
    $nomserv "";

        
    $versionserv "";

        
    $align "";

        
    $taille "";

        
    $images "";

        
    $ipserv "";

        
    $portserv "";

        
    $loginserv "";

        
    $passwdserv "";

        
    $saltserv "";

    }



    $api = new JSONAPI($ipserv$portserv$loginserv$passwdserv$saltserv);

    $PlayerCount $api->call("getPlayerCount");

    $PlayerLimit $api->call("getPlayerLimit");

    $ServerVersion $api->call("getServer");

    $PlayerNames $api->call("getPlayerNames");



                
    $query = array();



            if (
    $ServerVersion["success"] == '') {

                
    $query['status'] = 'modules/mod_minecraft/images/status_off_';
            }

            else

            {

            
    $query['status'] = 'modules/mod_minecraft/images/status_on_';




        }

    ?>



    <br /><?php echo '<div style="width: 187px; padding: 0px 18px 0px 18px; text-align:'.$align.';">' ?><?php echo '<img src="'.$query['status'].''.$images.'" width="'.$taille.'" />' ?><br /><br />

    <u><b><?php echo JText::_('SERVER_NAME'); ?></b></u> : 

    <br /> <?php echo ''.$nomserv.''?><br /><br />



    <u><b><?php echo JText::_('SERVER_VERSION'); ?></b></u> : 

    <br /> <?php echo ''.$versionserv.''?><br /><br />



    <u><b><?php echo JText::_('PLAYERS'); ?></b></u> : 

    <br /><?php print_r($PlayerCount["success"]); 

    echo 
    " / ";

    print_r($PlayerLimit["success"]); ?>

    <br /><br />


    <?php if ($ServerVersion["success"] == ''){

    echo 
    '<u>';

    echo 
    JText::_('NO_PLAYERS');

    } else {

    echo 
    '<b><u>';

    echo 
    JText::_('PLAYERS_ONLINE');

    echo 
    '</u></b> : <br />';


    echo 
    '<div style="text-align: left; padding-left: 35px; "/>';
    foreach (
    $PlayerNames["success"] as $value)

    { echo
    "<br /><img style=\"    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
        -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
        box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);

        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;\" src=\"https://minotar.net/avatar/
    $value/32.png\" alt=\" $value\" title=\" $value\" > $value"; } }

    ?>
    le deuxieme problème :

    lorsque je publie le module, cela pose un problème au css du template, cela ce voit au footer de la page (le footer ce met a l'interieur du conteneur.

    une image qui compare avec ou sans la publication du module :

    Cliquez sur l'image pour l'afficher en taille normale

Nom : probleme2_1.jpg 
Affichages : 1 
Taille : 42,5 Ko 
ID : 1820002


    et sinon lorsque le serveur de jeu est éteint, le positionnement du module ainsi que tout le menu verticale pose problème, tout ce met au centre du conteneur... (voir image) :


    Cliquez sur l'image pour l'afficher en taille normale

Nom : probleme_2_2.jpg 
Affichages : 1 
Taille : 154,2 Ko 
ID : 1820003

    voila, j'attend votre aide avec impatience merci de m'avoir lu.

    INFO :

    - vous avez a disposition du module en fichier joint.
    - vous pouvez apercevoir le module en marche sur cette page : http://stranded-buddies.fr/rejoindre
    - vous pouvez comparez deux pages différentes pour mieux situer le problème
    ex : http://stranded-buddies.fr et http://stranded-buddies.fr/rejoindre
    Fichiers joints

  • #2
    Re : CSS module : fusion de 2 modules + problème positionnement

    Bonsoir,

    echo '<div style="text-align: left; padding-left: 35px; "/>';
    Il me semble que le slash final soit inutile. Une balise div va par paire.
    C'est, sans doute, également la raison du 2ème problème. Une balise div ouverte et non refermée par le module ou l'inverse
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : CSS module : fusion de 2 modules + problème positionnement

      Envoyé par lomart Voir le message
      Bonsoir,


      Il me semble que le slash final soit inutile. Une balise div va par paire.
      C'est, sans doute, également la raison du 2ème problème. Une balise div ouverte et non refermée par le module ou l'inverse
      Merci pour votre réponse rapide, en effet, j'ai résolus presque entièrement mon problème, j'ai encore du mal avec le php...

      il me reste encore un problème à résoudre, le module qui se positionne au milieu quand le serveur est hors-ligne, je le laisse hors-ligne pour le moment, vous pouvez voir le résultat (http://stranded-buddies.fr/rejoindre)

      le code que j'ai un peu modifier :

      Code PHP:
      <?php

      require('JSON/JSONAPI.php'); // get this file at: https://github.com/alecgorge/jsonapi/raw/master/sdk/php/JSONAPI.php

      // $ipserv; // Ip du serveur
      // $portserv; //port du plugin (par défaut : 20059)
      // $loginserv; //nom d'utilisateur
      // $passwdserv; //mot de passe
      // $salterv; //salt
      // $nomserv; //nom du serveur
      // $versionserv; //version du serveur

      if (is_callable(array($params,"get"))) {
          
      $nomserv $params->get'nomserv' );
          
      $versionserv $params->get'versionserv' );
          
      $align $params->get'align' );
          
      $taille $params->get'taille' );
          
      $images $params->get'images' );
          
      $ipserv $params->get'ipserv' );
          
      $portserv $params->get'portserv' );
          
      $loginserv $params->get'loginserv' );
          
      $passwdserv $params->get'passwdserv' );
          
      $saltserv $params->get'saltserv' );
          
      } else {
          
      $nomserv "";
          
      $versionserv "";
          
      $align "";
          
      $taille "";
          
      $images "";
          
      $ipserv "";
          
      $portserv "";
          
      $loginserv "";
          
      $passwdserv "";
          
      $saltserv "";
      }

      $api = new JSONAPI($ipserv$portserv$loginserv$passwdserv$saltserv);
      $PlayerCount $api->call("getPlayerCount");
      $PlayerLimit $api->call("getPlayerLimit");
      $ServerVersion $api->call("getServer");
      $PlayerNames $api->call("getPlayerNames");

                  
      $query = array();

              if (
      $ServerVersion["success"] == '') {
                  
      $query['status'] = 'modules/mod_minecraft/images/status_off_';
              }
              else
              {
              
      $query['status'] = 'modules/mod_minecraft/images/status_on_';


          }
      ?>

      <br />

      <div style="width: 187px; padding: 0px 18px 0px 18px; text-align: center">'


      <?php echo '<img src="'.$query['status'].''.$images.'" width="'.$taille.'" />' ?><br /><br />
      <u><b><?php echo JText::_('SERVER_NAME'); ?></b></u> : 
      <br /> <?php echo ''.$nomserv.''?><br /><br />

      <u><b><?php echo JText::_('SERVER_VERSION'); ?></b></u> : 
      <br /> <?php echo ''.$versionserv.''?><br /><br />

      <u><b><?php echo JText::_('PLAYERS'); ?></b></u> : 
      <br /><?php print_r($PlayerCount["success"]); 
      echo 
      " / ";
      print_r($PlayerLimit["success"]); ?>
      <br /><br />

      <?php if ($ServerVersion["success"] == ''){
      echo 
      '<u>';
      echo 
      JText::_('NO_PLAYERS');
      } else {
      echo 
      '<b><u>';
      echo 
      JText::_('PLAYERS_ONLINE');
      echo 
      '</u></b> : <br />';
      echo 
      '<div style="text-align: left; padding-left: 35px;">';
      foreach (
      $PlayerNames["success"] as $value)
      { echo
      "<br /><img style=\"    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
          -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
          box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);

          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border-radius: 20px;\" src=\"https://minotar.net/avatar/
      $value/32.png\" alt=\" $value\" title=\" $value\" > $value"; } }
          echo 
      '</div>';
      ?>
      </div>
      EDIT : je viens de supprimer tout les style de la page, le module ce positionne quand même au milieu...
      Dernière édition par patalkok à 15/01/2014, 22h57

      Commentaire


      • #4
        Re : CSS module : fusion de 2 modules + problème positionnement

        Bonjour,

        Supprimer le div en fin du php pour voir le résultat.
        Sinon, il faut examiner le code HTML produit pour trouver l'appairage de balises fautif
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : CSS module : fusion de 2 modules + problème positionnement

          Envoyé par lomart Voir le message
          Bonjour,

          Supprimer le div en fin du php pour voir le résultat.
          Sinon, il faut examiner le code HTML produit pour trouver l'appairage de balises fautif
          Bonjour,

          je viens de résoudre mon problème... ou presque ! en effet c’était le div après la fin du code php, mais du coup le footer est affecté (voir le lien), des que je place une div pour fermer la div (1ere ligne) qui englobe tout

          le footer est affecter que quand la condition est fausse (ne passe pas sur else), donc quand le serveur est fermé...
          Dernière édition par patalkok à 16/01/2014, 15h12

          Commentaire


          • #6
            Re : CSS module : fusion de 2 modules + problème positionnement

            ah voila j'ai trouver !

            la solution ce trouve dans mon propre message au fait...

            ce qui se passe c'est quand quand la condition ne rentre pas dans le "else" la fin du div n'est pas pris en compte... ce qui fait que la div est prolonger à l'infini...

            il faut fermer la div dans toutes les conditions :

            ex :

            <div>
            if blablabla == 1

            {echo:" bien";
            echo "</div>";}

            else {
            echo "pas bien";
            echo "/div"; }

            j'ai entièrement compris mon problème, merci énormément pour votre aide

            pour ceux qui ont le module moniteur_minecraft, vous pouvez remplacer le mod_minecraft.php par ce code la pour résoudre ce problème (j'ai retirer le compteur qui compte les joueurs et j'ai améliorer le style d'affichage des joueurs) :

            Code PHP:
            <?php

            require('JSON/JSONAPI.php'); // get this file at: https://github.com/alecgorge/jsonapi/raw/master/sdk/php/JSONAPI.php

            // $ipserv; // Ip du serveur
            // $portserv; //port du plugin (par défaut : 20059)
            // $loginserv; //nom d'utilisateur
            // $passwdserv; //mot de passe
            // $salterv; //salt
            // $nomserv; //nom du serveur
            // $versionserv; //version du serveur

            if (is_callable(array($params,"get"))) {
                
            $nomserv $params->get'nomserv' );
                
            $versionserv $params->get'versionserv' );
                
            $align $params->get'align' );
                
            $taille $params->get'taille' );
                
            $images $params->get'images' );
                
            $ipserv $params->get'ipserv' );
                
            $portserv $params->get'portserv' );
                
            $loginserv $params->get'loginserv' );
                
            $passwdserv $params->get'passwdserv' );
                
            $saltserv $params->get'saltserv' );
                
            } else {
                
            $nomserv "";
                
            $versionserv "";
                
            $align "";
                
            $taille "";
                
            $images "";
                
            $ipserv "";
                
            $portserv "";
                
            $loginserv "";
                
            $passwdserv "";
                
            $saltserv "";
            }

            $api = new JSONAPI($ipserv$portserv$loginserv$passwdserv$saltserv);
            $PlayerCount $api->call("getPlayerCount");
            $PlayerLimit $api->call("getPlayerLimit");
            $ServerVersion $api->call("getServer");
            $PlayerNames $api->call("getPlayerNames");

                        
            $query = array();

                    if (
            $ServerVersion["success"] == '') {
                        
            $query['status'] = 'modules/mod_minecraft/images/status_off_';
                    }
                    else
                    {
                    
            $query['status'] = 'modules/mod_minecraft/images/status_on_';


                }
            ?>

            <?php 
            echo '<div style="width: 187px; padding: 0px 18px 0px 18px; text-align: center">';
            echo 
            '<img src="'.$query['status'].''.$images.'" width="'.$taille.'" />' ?><br /><br />
            <u><b><?php echo JText::_('SERVER_NAME'); ?></b></u> : 
            <br /> <?php echo ''.$nomserv.''?><br /><br />

            <u><b><?php echo JText::_('SERVER_VERSION'); ?></b></u> : 
            <br /> <?php echo ''.$versionserv.''?><br /><br />



            <?php if ($ServerVersion["success"] == ''){
            echo 
            '<u>';
            echo 
            JText::_('NO_PLAYERS');
            echo 
            '</u>';
            echo 
            '</div>';
            } else {
            echo 
            '<b><u>';
            echo 
            JText::_('PLAYERS_ONLINE');
            echo 
            '</u></b> : <br />';
            foreach (
            $PlayerNames["success"] as $value)
            { echo
            "<div style='text-align: left; padding-left: 35px;'><br /><img style=\"    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
                -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
                box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);

                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;\" src=\"https://minotar.net/avatar/
            $value/32.png\" alt=\" $value\" title=\" $value\" > $value </div></div>"; } }
            ?>
            merci et bonne journée.

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X