Mettre une bordure sur les modules

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

  • [RÉGLÉ] Mettre une bordure sur les modules

    Bonjour,

    Je suis sous Joomla 3.4 avec Helix 3 comme templates.

    Je bloque sur un truc simple, mettre une bordure sur mes modules

    J'arrive à faire la bordure, mais elle borde aussi le titre, ce qui donne une double bordure.

    Mon CSS custom

    .sp-modulephoto {
    margin-left: auto;
    margin-right:auto;
    border: 1px solid red;
    background-image:url(images/jaune.gif);
    }

    .sp-modulephoto .sp-module-title {
    background: url(/images/barrerouge1.png) ; no-repeat -y;
    border-color: transparent transparent #b03712;
    text-align:center;

    height:30px;
    padding-top:7px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    }


    Cliquez sur l'image pour l'afficher en taille normale

Nom : modulephotos.png 
Affichages : 1 
Taille : 15,9 Ko 
ID : 1823421

    merci

    Didier
    Dernière édition par keryado à 25/07/2015, 12h49 Raison: reglé

  • #2
    Re : Mettre une bordure sur les modules

    Salut
    Peut-on avoir un lien vers ton site ?
    Sinon si tu ne veux pas de bordure tout autour tu as border-bottom, border-left, border-left
    Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

    Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

    Commentaire


    • #3
      Re : Mettre une bordure sur les modules

      bonjour

      Voici un lien, du site en construction www.sudptt44.org/joom18 . Je laisse le bug de la double bordure volontairement.
      Merci si vous avez une idée. Sinon je vire les bordures et je laisse un fond, mais je voudrais bien comprendre.
      Ce site est en construction.
      Merci si vous avez une idée.

      didier

      Commentaire


      • #4
        Re : Mettre une bordure sur les modules

        c est la notion d heritage qui est en action.

        LE selecteur qui contient les propriétés est sp-module-content.

        Et ensuite celles ci sont herités par sp-module-content.

        Si tu veux bloquer ce comportement : .sp-module-content {border : 0;}

        Commentaire


        • #5
          Re : Mettre une bordure sur les modules

          Une petite correction à la suggestion de lefab
          Il faut cibler l'élément enfant, donc la règle est:

          .sp-module-content > div {
          border: 0;
          }
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Re : Mettre une bordure sur les modules

            Envoyé par lomart Voir le message
            Une petite correction à la suggestion de lefab
            Il faut cibler l'élément enfant, donc la règle est:

            .sp-module-content > div {
            border: 0;
            }
            Merci à vous.

            C'est ok, je n'ai plus qu'un encadré.

            Didier

            Commentaire


            • #7
              Re : Mettre une bordure sur les modules

              Re bonjour,

              En fait, je me suis réjoui trop vite. Cela fonctionne avec le module dernières news ou avec des modules custom. Mais les modules weblinks et autre module de liens RSS gardent les doubles bordures alors que je fais appelle au même custom css.
              Bref je suis depuis des heures à étudier le templates.css sans résultat. Bref dur dur .. Au passage, je n'arrive pas non plus à décaler mon module "recherche" totalement à droite. En fait la position TOP 3 est pratiquement en milieu de page alors que je souhaite la mettre à droite. Voir sur le site
              Voilà, merci si vous avez des idées.

              Didier

              Commentaire


              • #8
                Re : Mettre une bordure sur les modules

                Pour les modules, il faut ajouter la règle:
                .sp-modulecustom2 > .sp-modulecustom2 {
                border: 0;
                }


                et pour la recherche :
                #sp-top3 > .sp-column {
                padding-right: 20px;
                text-align: right;
                }


                Bonne soirée
                Skuak aime ceci.
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Re : Mettre une bordure sur les modules

                  Un grand merci pour cette aide. En fait, tout fonctionnait, sauf quand je changeait de page. C'est pourquoi je continuais à chercher dans les CSS. En fait, c'est l'url rewriting qui plante le chemin des images. Donc les bordures en png et autre background n'étaient pas trouvée. J'ai désactivé et tout fonctionne. Bon c'est quand même la galère, c'est une récupération de l'ancien site avec pleins de plugins et autres composants incompatibles.. Et une modification du fichier SQL des articles pour passer en joomla 3.4. Bref j'ai des bugs, mais cela avance.

                  a +

                  Didier

                  Commentaire


                  • #10
                    Bravo à lomart

                    Après la mise à jour de Joomla, 3.9.24 j'ai eu ce probléme ligne 465 du template dans "presets.less" avec page blanche
                    Dernière édition par cavo789 à 20/01/2021, 20h12

                    Commentaire


                    • #11
                      Ce n'est vraiment pas une bonne idée de déterrer une discussion qui a plus de cinq ans, d'autant plus quand elle est taggée come Réglée.

                      Merci de créer une nouvelle discussion en exposant avec le maximum de détails le problème rencontré.
                      Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                      Confucius

                      Commentaire

                      Annonce

                      Réduire
                      Aucune annonce pour le moment.

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X