Un module en position7 qui déborde sur la droite dans Explorer

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Un module en position7 qui déborde sur la droite dans Explorer

    Bonjour à tous,

    J'ai un problème de mise en page sur Explorer (quelque soit la version) et que je n'ai pas avec les autres navigateurs.
    J'ai installé sur mon site le module "easytagcloud" et je l'affiche à gauche de la page en position7.
    Malheureusement, lorsque je visionne mon site avec Explorer, les mots (tags) dépassent à droite et occupent toute la largeur de mon site.
    Ce problème n'apparait pas avec les autres navigateurs.
    Comment faire pour régler ce problème ?
    voir fichier joint
    Cliquez sur l'image pour l'afficher en taille normale

Nom : Easytagcloud.jpg 
Affichages : 1 
Taille : 49,1 Ko 
ID : 1814955

    Je suis débutant et je maitrise pas bien les css. Merci d'avance pour votre aide.

    PS : vous pouvez vous rendre compte de ce problème sur mon site:

  • #2
    Re : Un module en position7 qui déborde sur la droite dans Explorer

    Salut,

    Tente avec un

    #easytagcloud {width:233px;}

    Commentaire


    • #3
      Re : Un module en position7 qui déborde sur la droite dans Explorer

      Bonjour,

      Et merci pour ta réponse. Mais malheureusement ca ne marche pas.
      J'ai essayé de mettre :

      #easytagcloud {width:233px;}

      dans les fichiers css de mon template. J'utilise beez20 comme template... D'ailleurs, comme je ne savais pas où le mettre, je l'ai mis en fin des fichiers :

      general.css
      ie7only.css
      ieonly.css
      layout.css
      personal.css
      position.css
      et template.css

      Ca ne marche dans aucun de ces fichiers. Je profite de ce post pour dire que c'est un peu galère de comprendre comment fonctionne ce template avec tous ces fichiers css !

      Quelqu'un aurait-il une autre idée ?

      J'ai l'impression que le paramètre "width" est de longeur automatique (calculé) mais je n'arrive pas à comprendre. Pas assez de connaissance en css.

      Merci d'avance pour votre aide.

      Commentaire


      • #4
        Re : Un module en position7 qui déborde sur la droite dans Explorer

        Salut,

        Je ne le vois nulle part. Dans ta précipitation tu as peut-être oublié de vider les caches, donc remet le déjà au début de template.css et préviens quand c'est bon.

        Clairement je pense qu'IE a du mal parce qu'aucune boîte de ta colonne ne reçoit de width absolue. Essaye de rajouter overflow:hidden; après width également.

        Commentaire


        • #5
          Re : Un module en position7 qui déborde sur la droite dans Explorer

          Envoyé par kursus Voir le message
          Salut,

          Je ne le vois nulle part. Dans ta précipitation tu as peut-être oublié de vider les caches, donc remet le déjà au début de template.css et préviens quand c'est bon.

          Clairement je pense qu'IE a du mal parce qu'aucune boîte de ta colonne ne reçoit de width absolue. Essaye de rajouter overflow:hidden; après width également.
          J'ai mis la ligne :

          #easytagcloud {width:233px;overflow:hidden;}

          dans template.css
          Ca marche toujours pas.

          Du coup, Je l'ai mis sur tout les .css de mon dossier template :
          Idem !!!


          Le module easytagcloud possède un fichier default.php dans le dossier tmpl. Et là, si je mets la même ligne :
          #easytagcloud {width:233px;overflow:hidden;}
          j'obtiens :
          Cliquez sur l'image pour l'afficher en taille normale

Nom : avec.jpg 
Affichages : 1 
Taille : 35,2 Ko 
ID : 1798724
          Mais je perds les mots qui sont coupés car seul le paramètre overflow est pris en compte. Si je l'enlève et que je mets :
          #easytagcloud {width:233px;]
          Le même résultat qu'avant : RIEN !
          ci-dessous le fichier default.php dans "tmpl" dans le dossier du module "easytagcloud" :


          Code PHP:
          <style type="text/css">

          div#easytagcloud<?php echo $moduleclass_sfx ?> a:link {
              text-decoration: <?= $easytagcloud_params->show_underline?>;
          }

          div#easytagcloud<?php echo $moduleclass_sfx ?> a:hover {
              text-decoration: <?= $easytagcloud_params->hover_show_underline?>;
          }

          div#easytagcloud<?php echo $moduleclass_sfx ?> a {
              color: <?= $easytagcloud_params->color?>;
              margin-left: <?= $easytagcloud_params->margin?>;
              margin-right: <?= $easytagcloud_params->margin?>;    
          }

          div#easytagcloud {
              line-height: <?= $easytagcloud_params->lineheight?>;
          }



          </style>
          <div id="easytagcloud<?php echo $moduleclass_sfx ?>" style="text-align:<?php echo $easytagcloud_params->align?>">
          <?php
           
          foreach($easytagcloud_params->tagsarray as $key=>$value
            {    
             
          $app =& JFactory::getApplication();
             if(
          $value==1)
               {
               
          $tip=Jtext::_('MOD_EASYTAGCLOUD_RELATED_ARTICLE');
               }else 
                  {
                    
          $tip=Jtext::_('MOD_EASYTAGCLOUD_RELATED_ARTICLES');
                  }
                  
          //colorful tags
                   
          if($easytagcloud_params->colorfultags==0)
                     {
                     
          $tagcolor="color:#".dechex(rand(0,16777215));
                     }
                     else 
                      {
                       
          $tagcolor="";
                      }
                      
                  
          $tagurl=JRoute::_('index.php?option=com_search&amp;Itemid=1&amp;searchword='.urlencode($key).'&amp;submit=Search&amp;searchphrase='.$easytagcloud_params->searchtype.'&amp;ordering=newest');
                 
                  
          $searchphrase="<a href='".$tagurl."' style='font-size:".$easytagcloud_params->tagsstyle[$key]."em;".$tagcolor."' title='".$value.$tip' target='".$easytagcloud_params->searchwindow."'>".$key."</a>";   
                
             echo 
          $searchphrase;
             echo 
          " "
            } 
           
          ?>
          </div>
          <br/>
          <span style="font-size: 0.5em;">Powered by <a href="http://www.joomlatonight.com" title="Easytagcloud">Easytagcloud v2.1</a></span>
          ???????????

          Commentaire


          • #6
            Re : Un module en position7 qui déborde sur la droite dans Explorer

            $moduleclass_sfx
            module de classe de suffixe, tu as quoi?
            si tu n as rien met en un et met tes css dessus....

            $easytagcloud_params: des parametres de l administration donc prioritaires:
            /* couleur color: <?= $easytagcloud_params->color; ?>;
            /* marge gauche margin-left: <?= $easytagcloud_params->margin; ?>;
            /* margin-right: <?= $easytagcloud_params->margin; ?>;
            }
            tu as aussi la hauteur de ligne........

            Commentaire


            • #7
              Re : Un module en position7 qui déborde sur la droite dans Explorer

              $moduleclass_sfx
              module de classe de suffixe, tu as quoi?
              si tu n as rien met en un et met tes css dessus....

              $easytagcloud_params: des parametres de l administration donc prioritaires:
              /* couleur color: <?= $easytagcloud_params->color; ?>;
              /* marge gauche margin-left: <?= $easytagcloud_params->margin; ?>;
              /* margin-right: <?= $easytagcloud_params->margin; ?>;
              }
              tu as aussi la hauteur de ligne........

              Commentaire


              • #8
                Re : Un module en position7 qui déborde sur la droite dans Explorer

                dans le template beez20 au niveau css tu as ie7 et ie qui ont des feuilles specifiques.donc a modifier en priorité avant personal.css...

                Commentaire


                • #9
                  Re : Un module en position7 qui déborde sur la droite dans Explorer

                  Sinon essaye avec {display:inline !important;} sur #easytagcloud.

                  Commentaire


                  • #10
                    Re : Un module en position7 qui déborde sur la droite dans Explorer

                    Envoyé par kursus Voir le message
                    Sinon essaye avec {display:inline !important;} sur #easytagcloud.
                    J'ai mis :
                    #easytagcloud {width:233px;overflow:hidden;display:inline !important;}
                    C'est ça?
                    Je l'ai mis sur le fichier template.css
                    ET CA MARCHE TOUJOURS PAS ! :-(

                    Commentaire


                    • #11
                      Re : Un module en position7 qui déborde sur la droite dans Explorer

                      Envoyé par lefabdu51 Voir le message
                      $moduleclass_sfx
                      module de classe de suffixe, tu as quoi?
                      si tu n as rien met en un et met tes css dessus....

                      $easytagcloud_params: des parametres de l administration donc prioritaires:
                      /* couleur color: <?= $easytagcloud_params->color; ?>;
                      /* marge gauche margin-left: <?= $easytagcloud_params->margin; ?>;
                      /* margin-right: <?= $easytagcloud_params->margin; ?>;
                      }
                      tu as aussi la hauteur de ligne........
                      Je ne sais pas ce que c'est un module de suffixe !
                      C'est quoi "$moduleclass_sfx ?
                      Tu peux m'expliquer comment je dois faire et dans quel css je dois travailler ?
                      Merci pour ton aide

                      Commentaire


                      • #12
                        Re : Un module en position7 qui déborde sur la droite dans Explorer

                        dans la partie administration de ton site, gestion des modules et ensuite a droite tu as suffixe de classe de module...
                        tumet un nom comme tu as envie...et tu verras une classe supplementaire de meme nom apparaitre ....

                        Commentaire


                        • #13
                          Re : Un module en position7 qui déborde sur la droite dans Explorer

                          Bonsoir à tous,
                          Après plusieurs jours d'essai... j'ai pas résolu mon problème
                          1/ J'ai mis une classe : _easy
                          2/ j'ai rajouté :
                          #easytagcloud_easy {width:200px;overflow:hidden;}
                          dans index.php dans le dossier "tmp" de easytagcloud
                          et j'obtiens :
                          Cliquez sur l'image pour l'afficher en taille normale

Nom : explorer.jpg 
Affichages : 1 
Taille : 37,4 Ko 
ID : 1798756

                          Sur internet Explorer
                          ... Alors que j'obtiens le bon résultat sur Firefox :
                          Cliquez sur l'image pour l'afficher en taille normale

Nom : firefox.jpg 
Affichages : 1 
Taille : 50,6 Ko 
ID : 1798757

                          Ce que je comprends pas, en regardant de plus près le résultat sur Explorer, on peut voir que c'est sur la ligne 3 que le module dépasse (width:200px) des 200 px, et la ligne et masquée (overflow:hidden)
                          Pourquoi seulement la ligne 3... La ligne 4 est, comme les lignes 1 et 2 bien "contrainte".
                          Je pense que le souci viens du module qui a un bug sur Explorer, mais je ne sais pas où trouver un moyen de résoudre ce bug !!!

                          Commentaire


                          • #14
                            Re : Un module en position7 qui déborde sur la droite dans Explorer

                            Salut,

                            Essaye avec

                            #easytagcloud a {
                            float:left;
                            }
                            Ca devrait le faire!
                            a+

                            Commentaire


                            • #15
                              Re : Un module en position7 qui déborde sur la droite dans Explorer

                              Envoyé par kursus Voir le message
                              Salut,

                              Essaye avec



                              Ca devrait le faire!
                              a+
                              OUI ! Ca le fait !
                              Un peu tordu comme solution. d'ailleurs ça en a engendré d'autres (le fond par exemple).
                              Je débute en création de site web, et j'avoue que Joomla me parait un peu tordu... et très compliqué a comprendre.

                              Merci pour votre aide.

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X