AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Corriger la cassure dans la barre de votes des sondages

    Partagez
    Okhmhaka
    FémininAge : 31Messages : 31714

    le Lun 1 Avr 2013 - 17:58

    Voilà quelque chose qui m'agaçait depuis un bon moment. En effet, en changeant l'apparence du forum, et en modifiant les tables, catégories etc... apparaissait un défaut dans l'aspect des barres de votes, que vous avez peut-être pu remarquer ici ou sur vos forum respectifs. Ces barres étaient coupées, il y avait un espace entre l'image de début de barre, du milieu, et de la fin, ce qui n'était pas très joli.
    Voici ce que vous pouviez avoir :



    Et bien à force de chercher comment changer cela, j'ai fini par trouver x). Je pensais que c'était dû aux marges, mais rien ne changeait quand j'y touchais, alors j'ai tenté de tout faire "flotter" à gauche, et c'était bon, chose que je ne savais pas vraiment possible avec des cases de tableau, mais c'est la preuve qu'on en apprend tout les jours.
    Bref, voici le petit code css à mettre dans votre feuille si vous avez ce problème pour éviter que les barres ne soient coupées.

    Code:
    .progress-bar td
    {
      float: left;
      cellpadding: 0 !important;
      cellspacing: 0 !important;
      border: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    Ce qui vous donnera :



    Et c'est tout de même nettement mieux !



    sica3
    MasculinAge : 43Messages : 135

    le Mar 2 Déc 2014 - 6:02

    thank's

      La date/heure actuelle est Mar 6 Déc 2016 - 22:44