Besoin d'un coup de main en css

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

  • [RÉGLÉ] Besoin d'un coup de main en css

    Bonjour,
    Cette page présente notre petite équipe (de bras cassés )
    Pour réaliser les 4 colonnes, j'utilise la méthode :
    Code:
    <div class="row-fluid">
    <div class="span3 img-thumbnail inter">Profil</div>
    <div class="span3 img-thumbnail inter">
    <div class="span3 img-thumbnail inter">
    <div class="span3 img-thumbnail inter">
    </div>
    J'aurais aimé mettre un petit cadre gris de 5 px par exemple, le fond de l'article étant (de mémoire) #fdfdfd, donc dans les tons #eeeeee (je le changerai plus tard) avec un padding de 5 px et la photo centrée.
    A coller dans le code de l'article pour ne pas être ennuyé lors des mises à jour du template (j'utilise templatecreatorck et donc beaucoup la fonction "copier le template" [c'est super ce truc] qui permet d'appliquer les modifs directement mais qui ne supporte pas que l'on touche au code source).
    J'espère avoir été assez clair.
    Merci de votre aide,
    Un des bras cassés.
    Dernière édition par fredjouan à 18/11/2015, 13h00
    http://www.neurogelenmarche.org/
    Une association de handicapés moteur. Projet Kunming 2018
    https://www.fred-net.fr création internet
    Hébergé avec bonheur et depuis 2002 chez PHPNET

  • #2
    Re : Besoin d'un coup de main en css

    <style>
    .inter img{
    margin-left:auto;margin-right:auto;
    }
    .inter{
    border: 1px solid #000;padding:5px; margin:5px;
    }
    </style>


    tu peux jouer avec .inter-first et .inter-last pour ne pas avoir de marges sur la première et le dernière div
    Christophe
    http://www.webcrea.fr

    Commentaire


    • #3
      Re : Besoin d'un coup de main en css

      Merci. Je n'arrive pas à mettre ce code dans l'article.
      Il y a un réglage à faire dans les paramètres de Joomla ?
      http://www.neurogelenmarche.org/
      Une association de handicapés moteur. Projet Kunming 2018
      https://www.fred-net.fr création internet
      Hébergé avec bonheur et depuis 2002 chez PHPNET

      Commentaire


      • #4
        Re : Besoin d'un coup de main en css

        Bonjour,

        Rajoutes ce code dans le fichier css de ton template :
        Code:
        .img-thumbnail{text-align:center;}
        
        .img-thumbnail img {
            border: 5px solid grey;
        }
        Dernière édition par fynhooft à 17/11/2015, 19h07
        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
          Re : Besoin d'un coup de main en css

          En effet, le rendu est sympa !
          Mais le problème que j'évoquais plus haut va se poser à chaque utilisation de la fonction "Copie du template" de templatecreatorck.
          J'ai bien essayé de créer un fichier override.css en collant ton code dedans, mais ça marche pas
          Il me semble pourtant avoir déjà fait un truc comme ça… Tu connais faire (comme on dit par chez nous) ?
          Fred
          http://www.neurogelenmarche.org/
          Une association de handicapés moteur. Projet Kunming 2018
          https://www.fred-net.fr création internet
          Hébergé avec bonheur et depuis 2002 chez PHPNET

          Commentaire


          • #6
            Re : Besoin d'un coup de main en css

            Il y a cette video https://m.youtube.com/watch?v=f1h6kAqTSBU qui te donneras peut-etre des pistes...
            I love overrides
            -------
            UX/UI Designer - Grenoble - greendog.fr

            Commentaire


            • #7
              Re : Besoin d'un coup de main en css

              tu utilise template creator ?
              va dans les parametre de ton template tu auras une partie css personnalisé
              met ton code dedans
              Société : http://www.com3elles.com
              Bénévole : http://www.flexicontent.org

              Commentaire


              • #8
                Re : Besoin d'un coup de main en css

                Impeccable, ça fonctionne et la mise à jour du template n'écrase pas le bout de code.
                Merci beaucoup de votre aide.
                Fred
                http://www.neurogelenmarche.org/
                Une association de handicapés moteur. Projet Kunming 2018
                https://www.fred-net.fr création internet
                Hébergé avec bonheur et depuis 2002 chez PHPNET

                Commentaire


                • #9
                  Re : Besoin d'un coup de main en css

                  Si c'est réglé merci de l'indiquer :
                  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