Texte + module 'rechercher' sur une ligne en CSS

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

  • Texte + module 'rechercher' sur une ligne en CSS

    Je voulais afficher le titre du site et le module 'rechercher' en bout de ligne en CSS. Seulement, je n'y parviens pas : le module 'rechercher' s'affiche toujours sur la ligne suivante.
    Quelqu'un peut-il m'aider à résoudre ce pb ?

    Dans le fichier index.php, j'ai ceci :
    <div id="zonetitrerecherche">
    <?php echo $mosConfig_sitename; ?>
    <?php mosLoadModules ( 'user4' ); ?>
    </div>

    Dans le fichier CSS, j'ai ceci :
    /* pour la zone titre et recherche */
    #zonetitrerecherche{
    min-height: 25px;
    background-color: red;
    }


    /* pour module rechercher */
    .search{
    float: right;
    margin-right: 5px;
    }
    Dernière édition par fynhooft à 06/05/2006, 23h31
    GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
    Le terrier de Fynhooft : http://patrick.gauwin.free.fr
    Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

  • #2
    Help

    Existe-il un site qui pourrait me fournir la réponse ?
    GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
    Le terrier de Fynhooft : http://patrick.gauwin.free.fr
    Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

    Commentaire


    • #3
      Bonjour,
      pour commencer je remplacerai ceci :
      <div id="zonetitrerecherche">
      <?php echo $mosConfig_sitename; ?>
      <?php mosLoadModules ( 'user4' ); ?>
      </div>
      par
      <div id="zonetitrerecherche">
      <?php echo $mosConfig_sitename; ?>
      <div class="search">
      <?php mosLoadModules ( 'user4' ); ?>
      </div>
      </div>
      ou
      <div id="zonetitrerecherche">
      <?php echo $mosConfig_sitename; ?>
      </div>
      <div class="search">
      <?php mosLoadModules ( 'user4' ); ?>
      </div>
      suivant dans ce que cela doit s'intégrer. J'ai été voir le site mais pas de trace de du style zonetitrerecherche dans la css.

      Voilà pour l'instant.
      Didier

      Commentaire


      • #4
        Pour info, je teste ce template en local sur mon PC. Vous ne le trouverez donc pas sur mon site.

        Pour les éventuelles solutions présentées dans le sujet précédent, j'obtiens malheureusement le même résultat : cela ne marche pas.

        C'est normal car le style 'search' est un style interne à joomla qui est utilisé spécifiquement pour ce module. Afficher le source d'un de vos sites ou est défini le module 'search', vous verrez apparaître ce style.

        La 2ième solution proposée sort le module 'search' de son conteneur, ce n'est pas ce que je souhaite et de toute façon cela ne fonctionne pas davantage.

        Avez-vous d'autres propositions de solution ?
        GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
        Le terrier de Fynhooft : http://patrick.gauwin.free.fr
        Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

        Commentaire


        • #5
          C'est normal car le style 'search' est un style interne à joomla qui est utilisé spécifiquement pour ce module. Afficher le source d'un de vos sites ou est défini le module 'search', vous verrez apparaître ce style.
          Cela, je le sais, et ce n'était pas mon propos.

          En fait, sans voir le code de l'index.php je ne vois pas quoi proposer de plus. Il faudrait connaître les imbrications de div s'il y en a, si les clear:both; ont été placé correctement ( pour pousser les conteneurs vers le haut, par ex...), si le conteneur occupe toute la largeur du template, etc
          Voilà

          Didier

          Commentaire


          • #6
            On va dire que si c'est juste une ligne ou l'on a le nom du site et le module recherche :
            <div id="conteneur">
            <div class="search"><?php mosLoadModules ( 'user4' ); ?></div>
            <div id="zonetitre"><?php echo $mosConfig_sitename; ?></div>
            </div>
            <div class="clear"></div>
            CSS:
            #conteneur{
            width:100%;
            height:25px;
            }
            #zonetitre{
            float:right;
            padding-right:150px;
            width:300px;
            }
            .search{
            float: right;
            width:150px;
            margin-right: 5px;
            }
            .clear{clear:both;}

            Cela ne devrait pas etre loin de la vérité
            Enfin, j'espère. ( code non testé, pas le temps, c'est mon tour de cuisine )

            Didier

            Commentaire


            • #7
              J'ai résolu mon problème grâce à ton aide. Merci.

              Pour les tests, il suffit de laisser tout le texte qui est au dessus de 'body' dans le fichier 'index.php' et de remplacer par les quelques lignes de code. Joomla n'affichera que la première ligne : c'est suffisant pour voir les résultats.

              Voilà ces résultats (j'ai mis en gras les rajouts), par contre le style clear que tu suggérais n'est pas indispensable :

              Dans le fichier index.php, j'ai maintenant ceci :
              <div id="conteneur">
              <div id="zonetitrerecherche">
              <div class="letitre"> <?php echo $mosConfig_sitename; ?> </div>
              <div class="search"> <?php mosLoadModules ( 'user4' ); ?> </div>
              </div>
              </div>

              Dans le fichier CSS, j'ai maintenant ceci :
              /* pour la zone titre et recherche */
              #zonetitrerecherche{
              min-height: 25px;
              background-color: red;
              }


              /* pour le titre */
              .letitre{
              float: left;
              padding-left: 15px;
              }



              /* pour module rechercher */
              .search{
              float: right;
              margin-right: 5px;
              }


              Encore merci.
              GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
              Le terrier de Fynhooft : http://patrick.gauwin.free.fr
              Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

              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