[Javascript] Changer border d'une <table> ?

[Argorate]

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.

[niahoo]

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.

[Sephi-Chan]

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

[Argorate]

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^^