Unwanted row space in TABLE

Question

I have a table which contains a segmented picture. Picture is segmented due to adding mouse over effect on some parts of picture.

Although the stand-alone version is OK, when integrated to WordPress as a side bar HTML code, becomes messy (cell-padding changes). Since I have no control over the parent control (here a DIV) how can I override parent CSS from my HTML code (without changing WordPress side-bar PHP code).

score 1 · Answer 1 · answered Oct 08 '12 at 17:23

1

There is a line-height: 21px; in your stylesheet. Remove that it looks good.

answered Oct 08 '12 at 17:23

Praveen Kumar Purushothaman

164,888
24
203
252

thanks. made it look better but not fixed. Is there a way in HTML to say don't inherit ant style in an object (here my table)? this would be more better than check every style-sheet. – Xaqron Oct 08 '12 at 18:40
I'm wondering why `line-height` influence a table with no text! Any other guess? – Xaqron Oct 08 '12 at 20:04
Yeah, still wondering. Was working on your issue for about an hour! Still no progress... – Praveen Kumar Purushothaman Oct 09 '12 at 02:34

score 0 · Answer 2 · answered Oct 08 '12 at 17:39

0

You can use default css style such as

    table {
      margin-left:auto;
      .....
}
    td {
      margin-left:auto;
      .....  
}
    tr {
      margin-left:auto;
      .....
}

answered Oct 08 '12 at 17:39

ashokhein

1,048
12
38

Unwanted row space in TABLE

2 Answers2

Linked