Barre de vote espacée

[Invité]

Bonjour,

Ce matin, j'ai découvert que l'apparence de mes barre de vote est toute chamboulée :



J'ai changé l'image du milieu, pensant qu'elle était trop grand, ou que j'avais laissé des espaces sur les côtés, mais non, ça change rien.

Une idée ?

[Matriochka]

Bonjour,

Peux-tu envoyer ici l’URL du topic contenant ce sondage ?

[Invité]

Oui, c'est ici http://www.harrypotterworld.biz/t3237-laquelle-de-ces-potions-aimeriez-vous-savoir-faire je vais ouvrir aux invités si tu veux, mais ça le fait sur tous les sondages.

[Matriochka]

Merci bien

Peux-tu m'envoyer ton CSS personnalisé ? Il semble que ça vient de là.

[Invité]

ok, merci beaucoup

[Matriochka]

Voilà le coupable :

Code:

table{
width: 98%;
margin: auto;
}

Là tu mets toutes les tables de tout le forum à 98%, or les résultats des sondages sont contenus dans une table, justement. Retire ce code et tu ne devrais plus avoir de souci ^^

[Invité]

Merci beaucoup, en effet, ça a résolu ce problème, mais du coup, mon forum est plus large.

Avant, il était comme ça :

et maintenant comme ça :

Dans le code css, j'ai aussi :

Code:

table
{
  max-width: 910px;
  margin: auto;
}


Pour bien faire, ça devrait faire 880, mais le header faisant 910, est-ce que si je mets 880, ça risque pas de décaler le footer en bas. J'ai déjà eu souvent ce problème de forum décalé du coup, et je sais pas trop quoi faire :s

[Matriochka]

Tu ne peux pas utiliser table.forumline plutôt que simplement table ?

[Invité]

Maintenant que je sais que ça existe, si xd Par contre, du coup, comment faire pour que les liens soient également alignés comme avant :

comparé à maintenant :

[Matriochka]

Pour ça il faudrait aller modifier dans le template index_box, peux-tu me l'envoyer si tu l'as modifié ?

[Invité]

Merci encore pour ton aide, c'est vraiment très gentil !

[Matriochka]

C'est normal

Voici :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>

Ici, au tout début, remplace 100% par une valeur inférieure. Tu peux également centrer le bloc en utilisant margin:auto si jamais ça ne se centre par tout seul

[Invité]

Merci, c'est nikel !

Bonne journée à toi