affichage boite déroulante.

**dolmenhir** · 24/05/2016, 08h01

Re : affichage boite déroulante.

Slt,

Si tu n'y arrives pas en testant avec Firebug, c'est que l'une des class utilisées a une autre déclaration "prioritaire" ailleurs dans la feuille ou dans une autre feuille css, voire même directement dans le code du module...

Le plus simple est d'ajouter une feuille css dans le dossier css de ton template, genre "ma-feuille-a-moi.css" et que tu appelles en dernier, avant la fermeture de la balise </head> de l'index.php de ton template

Code HTML:

<link href='/templates/nom-du-template/css/ma-feuille-a-moi.css' rel='stylesheet' type='text/css'>

Cette feuille te permettra d'ajouter et/ou modifier les déclarations de classe css.

Et dans cette feuille tu écris :

#params_admin_style_chzn .chzn-container .chzn-container-single .chzn-container-single-nosearch {
width:auto !important.
}

ça devrait suffire.

Et si c'est pas le cas, alors tu donnes une valeur à width.

Dol.

**mars77** · 24/05/2016, 12h53

Re : affichage boite déroulante.

Hello,

Je te remercie de ta réponse. J'ai créé le fichier css " monstyle.css" et j' ai ajouté le code juste avant le Head.
Malheureusement cela ne fonctionne pas et j ai beau chercher depuis un moment sans résultat.

Mon fichier monstyle.css

Code:

#params_admin_style_chzn .chzn-container .chzn-container-single .chzn-container-single-nosearch {
width:auto !important.
}

Mon fichier Index:

Code PHP:


<?php



/**

 * @copyright    passion-parapente.ch

 * httpwww.passion-parapente.ch

 * Template made with the joomla component Template Creator CK - http://www.joomlack.fr

 * martial

 * @license 

 * @version 1.1

 * */



// No direct access to this file

defined('_JEXEC') or die('Restricted access');

?>



<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >

<head>

    <jdoc:include type="head" />

        <?php JHtml::_('bootstrap.framework'); ?>

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/bootstrap.css" type="text/css" />

    <?php JHtmlBootstrap::loadCss($includeMaincss = false, $this->direction); ?>

    <?php if ($this->direction == 'rtl') { ?>

        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template_rtl.css" type="text/css" />

    <?php } else { ?>

        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

    <?php } ?>

    <?php if ($this->params->get('useresponsive','1')) { ?>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/mobile.css" type="text/css" />

    <?php } ?>

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/font-awesome.min.css" type="text/css" />

  

    

    

    <?php if ($this->params->get('usecsspie','1')) { ?><!--[if lte IE 8]>

      <style type="text/css">

      #wrapper > div.inner,#row3 > div.inner,#bannerrow > div.inner,#nav1 > div.inner,#nav1 > div.inner ul.menu > li > a,#nav1 > div.inner ul.menu li ul li a,#nav1 > div.inner ul.menu ul,#block3 > div.inner,#maincontent > div.inner,#blocks2 > div.inner { behavior: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/pie.htc) }

      </style>

      <![endif]--><?php } ?>

<?php

$mainclass = "";

$mainclass .= " noleft";

$mainclass .= " noright";

$mainclass = trim($mainclass); ?>



<?php

$nbmodules6 = (bool)$this->countModules('position-11') + (bool)$this->countModules('position-12');

?>

<!--[if lte IE 7]>

<style type="text/css">

#nav1 > div.inner ul.menu > li {

    display: inline !important;

    zoom: 1;

}

</style>

<![endif]-->

<?php if ($this->params->get('googleanalyticscode','')) { ?>

<script>

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');



  ga('create', '<?php echo $this->params->get('googleanalyticscode','UA-xxxxxxxx-x') ?>', 'auto');

  ga('send', 'pageview');



</script>

<?php } ?><?php

$app             = JFactory::getApplication();

// Detecting Active Variables

$option   = $app->input->getCmd('option', '');

$view     = $app->input->getCmd('view', '');

$layout   = $app->input->getCmd('layout', '');

$task     = $app->input->getCmd('task', '');

$itemid   = $app->input->getCmd('Itemid', '');

?>

    <!--[if lt IE 9]>

        <script src="<?php echo JUri::root(true); ?>/media/jui/js/html5.js"></script>

    <![endif]-->

    

<link href='/templates/martial/css/monstyle.css' rel='stylesheet' type='text/css'>  

</head>

Est ce que j'ai fait une erreur ou il y a un autre problème ?

**mars77** · 25/05/2016, 06h16

Re : affichage boite déroulante.

Hello,

J'ai toujours pas trouvé de solution et je me demande si cela vient pas d un problème avec le module ?

Merci a celui qui pourra m'aider .

**dolmenhir** · 25/05/2016, 06h31

Re : affichage boite déroulante.

essayes en remplaçant ma ligne par celle là

Code HTML:

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/monstyle.css" type="text/css" />

techniquement, la class css avec un attribut !important doit prendre la main sur n'importe quelle autre déclaration, d'autant plus qu'elle est la dernière appelée (avec les css, le dernier qui a parlé a raison).

Il y a plusieurs class dans ta capture d'écran.
mais à bien la regarder, je ne suis pas certain que tu pointes au bon endroit.
Il s'agit d'un formulaire, et c'est normalement une balise de formulaire type input ou select qu'on devrait avoir.
Tu peux vérifier ?

Dol.

**mars77** · 25/05/2016, 11h48

Re : affichage boite déroulante.

Merci pour t aréponse,

J ai changé le code et toujours le même résultat.

Effectivement il y a un Class select quand je regarde avec FireBug

Est ce que c'est la l'erreur ?

**dolmenhir** · 25/05/2016, 12h11

Re : affichage boite déroulante.

problème de pièce jointe...
tu peux renvoyer ?

**mars77** · 25/05/2016, 13h24

Re : affichage boite déroulante.

Envoyé par dolmenhir Voir le message

problème de pièce jointe...
tu peux renvoyer ?

voilà j espère que c'est bon cette fois

**dolmenhir** · 25/05/2016, 13h34

Re : affichage boite déroulante.

apparement c'est le div avec l'id "canvas_choice_chzn" qui poserait problème en raison de sont attribut "width=0"

il faut donc mettre

#canvas_choice_chzn {
width:auto !important;
}

ou une taille genre

#canvas_choice_chzn {
width:200px !important;
}

dans ta feuille de style principale (ou une feuille de style personnalisée que tu appelles (via un link type=css) avant la fermeture de ta balise </head>

**mars77** · 25/05/2016, 14h34

Re : affichage boite déroulante.

Envoyé par dolmenhir Voir le message

apparement c'est le div avec l'id "canvas_choice_chzn" qui poserait problème en raison de sont attribut "width=0"

il faut donc mettre

ou une taille genre

dans ta feuille de style principale (ou une feuille de style personnalisée que tu appelles (via un link type=css) avant la fermeture de ta balise </head>

Je viens d essayer mais cela ne fonctionne toujours pas .

Comment je peux être sur que ma feuille de style et bien rattachée ?

**dolmenhir** · 25/05/2016, 14h38

Re : affichage boite déroulante.

Envoyé par mars77 Voir le message

Je viens d essayer mais cela ne fonctionne toujours pas .

Comment je peux être sur que ma feuille de style et bien rattachée ?

dans ton code source, avec firebug, tu dois voir une ligne qui devrait ressemble à peu près à ça

dans le head de ta page

**mars77** · 25/05/2016, 15h59

Re : affichage boite déroulante.

Je viens de regarder elle s affiche bien dans le Haed de la page voir image.

je ne sais plus trop ou chercher =??????

affichage boite déroulante.

affichage boite déroulante.

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association