AccueilRechercherS'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.


    Mes onglets de catégories ne veulent pas se centrer

    Hawk Lowell
    Hawk Lowell
    FémininAge : 22Messages : 132

    le Sam 30 Nov 2019 - 21:25

    Salut, petit problème en reprenant un forum, j'avais utilisée un libre service d'ici afin de diviser mes catégories en onglets, malheureusement, il m'est impossible de les centrer. J'ai bidouillé le css, mis une class à mes images sur le template, mais rien à faire... Je suis à court d'idées D:...

    https://dragonball-r.forumsrpg.com/forum
    HTML
    Code:
    <div id="conteneur_ongletsvo"><table><tr><td class="ongletvo"><div><img src="https://i.imgur.com/qms5sgR.png" alt="Archives" class="center"></div></td><td class="ongletvo"><img src="https://i.imgur.com/JZRvW6I.png" alt="Lereflet" class="center"></div></td><td class="ongletvo"><img src="https://i.imgur.com/XdjS9xm.png" alt="Audela" class="center"></div></td></tr></table></div><div id="conteneur_categoriesvo"><!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorievo">
    <div class="cate-titre">{catrow.tablehead.L_FORUM}</div>

    CSS
    Code:
    /*Conteneur qui contient toutes les catégories */
    #conteneur_categoriesvo {
    }

    /* Conteneur de chaque catégorie */
     .categorievo {
    }
    /* Conteneur de tous les onglets */
    #conteneur_ongletsvo {
    display: none;
    }
    /* Un onglet */
    .ongletvo{


      cursor: pointer;
    }
    /* Onglet actif */
    .actif{
      filter: grayscale(100%);
    }

    Merci à vous !
    FAUCHEUSE ☠
    FAUCHEUSE ☠
    FémininAge : 23Messages : 131

    le Sam 30 Nov 2019 - 21:39

    Hello ! Ce css devrait résoudre ton problème de centrage.

    Code:
    #conteneur_ongletsvo table {
        margin: auto;
    }

    Les onglets sont structurés sous forme de table, donc ce code cible la table en question et demande au navigateur de gérer l'espace sur les côtés de façon automatique, ce qui devrait la centrer. :>
    Hawk Lowell
    Hawk Lowell
    FémininAge : 22Messages : 132

    le Sam 30 Nov 2019 - 22:18

    Impeccable, merci à toi !
    Contenu sponsorisé


      La date/heure actuelle est Mar 10 Déc 2019 - 1:09