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

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

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [Javascript] Changer border d'une <table> ? (/showthread.php?tid=5288)

[Javascript] Changer border d'une <table> ? - Argorate - 16-03-2011

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.

[Image: bugborder.jpg]

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

merci.

RE: & [JS] Changer border d'une <table>? - niahoo - 16-03-2011

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.

RE: & [JS] Changer border d'une <table>? - Sephi-Chan - 16-03-2011

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

RE: & [JS] Changer border d'une <table>? - Argorate - 16-03-2011

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... Confused

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

eparate; ça roule!

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