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:
    http://usortf.free.fr

  • #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........
            Mon site en cours de construction avec de nouvelles catégories de documents...
            https://informaticien51.fr

            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........
              Mon site en cours de construction avec de nouvelles catégories de documents...
              https://informaticien51.fr

              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...
                Mon site en cours de construction avec de nouvelles catégories de documents...
                https://informaticien51.fr

                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 ....
                        Mon site en cours de construction avec de nouvelles catégories de documents...
                        https://informaticien51.fr

                        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
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins
                              Travaille ...
                              X