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

[asortfalsace]

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


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

[kursus]

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

Salut,

Tente avec un

#easytagcloud {width:233px;}

[asortfalsace]

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.

[kursus]

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.

[asortfalsace]

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.

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 :

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" :

<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>

???????????

[lefabdu51]

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........

[lefabdu51]

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........

[lefabdu51]

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...

[kursus]

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

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

[asortfalsace]

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

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 ! :-(

[asortfalsace]

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........

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

[lefabdu51]

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 ....

[asortfalsace]

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 :


Sur internet Explorer
... Alors que j'obtiens le bon résultat sur Firefox :


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 !!!

[kursus]

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+

[asortfalsace]

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

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.