Réduire l'espace en haut et en bas

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

  • Réduire l'espace en haut et en bas

    Bonjour,
    Joomla 3 + Gantry + Hydrogen
    Pour mon site, que je suis en train de construire, www.vexin-classic-parking.fr, je souhaite réduire l'espacement au dessus de mon logo et en dessous de mon logo directement dans le module personnalisé en mettant le code à cet endroit :
    <p style="text-align: center;"><img src="images/vcp-logo-last/vexin-classic-logo-site.png" alt="vexin classic logo site" /></p>
    Que dois-écrire, si je veux réduire de 5px par exemple, en haut et en bas ?
    Vous remerciant par avance,
    Bien cordialement,
    Alain
    Alain
    Joomla 3 + Template Gantry

  • #2
    Re : Réduire l'espace en haut et en bas

    Bonjour voisin,

    La solution vient d'un ajout de style sur la balise <p>, en modifiant comme suit: <p style="text-align: center; margin: 1rem 0;"> cela rapprochera un peu le haut et le bas. Naturellement, tu peux encore diminuer et mettre margin: 0 ce qui donne encore un affichage correct.

    A bientôt,

    Pascal
    If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      Re : Réduire l'espace en haut et en bas

      Bonjour,
      deja ton logo est englobé dans 4 ou 5 <div> !!!
      Sinon, je supprimerai directement les balises <P> qui doivent avoir naturellemment des marges dans ton template
      Pour se faire, quand tu es dans ton module personnalisé, tu mets l'editeur en mode code
      Dernière édition par manu93fr à 24/08/2017, 13h04
      Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
      Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

      Commentaire


      • #4
        Re : Réduire l'espace en haut et en bas

        Envoyé par manu93fr Voir le message
        Pour se faire, dans tu es dans ton mudule personnalisé, tu met l'editeur en mode code
        Bonjour,

        +1 avec manu :

        - edite ton compte utilisateur (menu utilisateurs/utilisateurs) puis onglet "paramètre de base", selectionne l'editeur : "Éditeur - Non WYSIWYG".

        - edite le module et supprime les balises <p> et </p> ajouté automatiquement par l'éditeur html par défaut.
        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

        Commentaire


        • #5
          Re : Réduire l'espace en haut et en bas

          Envoyé par pmleconte Voir le message
          Bonjour voisin,

          La solution vient d'un ajout de style sur la balise <p>, en modifiant comme suit: <p style="text-align: center; margin: 1rem 0;"> cela rapprochera un peu le haut et le bas. Naturellement, tu peux encore diminuer et mettre margin: 0 ce qui donne encore un affichage correct.

          A bientôt,

          Pascal
          Hello mon voisin,
          Comment vas-tu ?
          Oui, j'ai testé les deux, c'est bon, mais je veux encore diminuer un peu. Puis-je utiliser une valeur négative pour rapetisser encore un peu plus que la valeur 0.
          A te lire.
          Merci,
          Bien cordialement,
          Alain
          Alain
          Joomla 3 + Template Gantry

          Commentaire


          • #6
            Re : Réduire l'espace en haut et en bas

            Envoyé par daneel Voir le message
            Bonjour,

            +1 avec manu :

            - edite ton compte utilisateur (menu utilisateurs/utilisateurs) puis onglet "paramètre de base", selectionne l'editeur : "Éditeur - Non WYSIWYG".

            - edite le module et supprime les balises <p> et </p> ajouté automatiquement par l'éditeur html par défaut.
            Hello,
            J'utilise l'éditeur JCE.
            Si je fais ce que vous me dites, il n'y aura pas de problème ?
            Dois-je remettre JCE immédiatement après ?
            Merci,
            Bien cordialement,
            Alain
            Alain
            Joomla 3 + Template Gantry

            Commentaire


            • #7
              Re : Réduire l'espace en haut et en bas

              Envoyé par daneel Voir le message
              Bonjour,
              +1 avec manu :
              - edite ton compte utilisateur (menu utilisateurs/utilisateurs) puis onglet "paramètre de base", selectionne l'editeur : "Éditeur - Non WYSIWYG".
              - edite le module et supprime les balises <p> et </p> ajouté automatiquement par l'éditeur html par défaut.
              Hello,
              Je n'ai pas "paramètre de base " !
              Alain
              Alain
              Joomla 3 + Template Gantry

              Commentaire


              • #8
                Re : Réduire l'espace en haut et en bas

                Envoyé par alaincharles Voir le message
                Hello,
                Je n'ai pas "paramètre de base " !
                Alain


                oui, Vous pouvez revenir à jce après les modifications sur le module sans aucun problème.
                Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                Commentaire


                • #9
                  Re : Réduire l'espace en haut et en bas

                  Bonsoir,

                  Désolé du retard.

                  C'est un peu compliqué de passer par la modification d'éditeur alors que JCE l'a inclus:
                  Cliquez sur l'image pour l'afficher en taille normale

Nom : Chrome Legacy Window 24082017 203638.jpg 
Affichages : 1 
Taille : 59,0 Ko 
ID : 1806388

                  ce qui donne
                  Cliquez sur l'image pour l'afficher en taille normale

Nom : Chrome Legacy Window 24082017 203820.jpg 
Affichages : 1 
Taille : 73,0 Ko 
ID : 1806389

                  Sinon, il existe le plugin http://anything-digital.com/communit...-selector.html qui permet de sélectionner son éditeur "à la volée" (je crois que c'est toi, Yann, qui me l'avait conseillé, mais j'ai un doute....).

                  Bonne soirée,

                  Pascal
                  If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                  Commentaire


                  • #10
                    Re : Réduire l'espace en haut et en bas

                    Effectivement pascal ! ah oui oui oui

                    L'extension d'anything digital est pratique pour une utilisation régulière souvent au début quand on développe le contenu du site avant la mise en production.

                    Pour JCE, on peut passer par le code mais dans la plupart des cas, jce insère à nouveau les balises de paragraphe...
                    les balises <p>... le retour ! (ça devient un peu pénible... mais bon jce est bien utile pour le reste).

                    Bonne soirée,

                    Yann
                    Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                    Commentaire


                    • #11
                      Re : Réduire l'espace en haut et en bas


                      - edite le module et supprime les balises <p> et </p> ajouté automatiquement par l'éditeur html par défaut.
                      au lieu de changer d'éditeur, il faut plutot changer le parametre de tinymce qui concernes les nouvelles lignes.
                      Par défaut, quand on appuies sur entrée, une balise p est ajoutée.
                      On peut remplacer cela par une balise br......
                      Ce qui élimines une balise non désirée.
                      Note: pour eviter le nettoyage du code, il faut modifier ce paramètre avant la création des modules de contenu personnalisé.
                      Dernière édition par lefabdu51 à 25/08/2017, 19h04

                      Commentaire

                      Annonce

                      Réduire
                      Aucune annonce pour le moment.

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X