JeuWeb - Crée ton jeu par navigateur

Bonjour,

voilà mon petit soucis actuel, j'ai map map (<table>) qui par defaut a des bord sur les cases, et j'aimerais via un bouton les désactiver. J'ai donc créé deux classes CSS a cette effet:

#cadre_map #table_map.bordure_map td {borderolid #000 1px}

#cadre_map #table_map.bordure_map_none td {border:0} //aussi testé avec border:none sans succes

et je switch entre les deux en jquery avec l'aide de addClass & removeClass.

Le problème étant que lorsque j'applique bordure_map_none, les bordures s'enlève bien, mais il reste un trou transparent de 1 px (à la place des bordures), au lieu que les cases se touchent.



Je ne sais pas comment faire pour faire partir ces lignes de transparent, une idée?

merci.

C'est le border collapse qui gère ça je crois

#cadre_map #table_map.bordure_map td {borderolid #000 1px}

#cadre_map #table_map.bordure_map_none td {

    border:0;

    border-collapse: collapse;} //aussi testé avec border:none sans succes

Mais ta map va rétrécir d'autant de pixels qu'il y a de cases.

Mais border-collapse s'applique à l'élément table, pas au td. Et d'après le visuel, il doit déjà y être.


Sephi-Chan

Effectivement, j'ai déjà border-collapse:collapse; sur ma map (qu'il y est les border ou non)
Et je veux justement que ma map se réduise d'autant de pixel qu'il y en avait pour les bordures. Comportement qu'elle n'a justement pas et que je n'arrive pas a lui donner...

EDIT: Allez comprendre pourquoi... c'est justement le border-collapse qui fait que ça bloque, si je met border-collapseeparate; ça roule!

Merci quand même, l'idée est venu grâce a vous^^