How to get table spacing to zero?

  • Developing a site for a client, temporarily hosted at this address:
    https://www.dri-print.net.au/donna/
    Home page imagemap uses a table of 4 images (animated GIFs in this case) which ideally should have nil space between cells. Have followed many other questions on this topic, tried all of the suggested fixes but still can not get the four pieces to butt together.
    Safari on Mac displays a neat, thin, equal space between cells, Firefox displays a huge vertical gap and a narrow horizontal gap, IE8 on Windows displays NO vertical gap but a narrow horizontal gap. Have overrides coded !important; in the child theme to remove image shadows and padding etc in the table but nothing works. Would use CSS with DIVs rather than table but how do you get two cells side by side with CSS?
    Any help would be appreciated, this is driving me crazy!

Viewing 1 replies (of 1 total)

  • What is likely occurring is a style is being applied to the table tag in your CSS file is use.

    Let’s assume your stylesheet has something like this very simple example:

    table {
    padding: 2px;
    }

    Now, wherever the table tag is used, this style is applied, unless we apply a new or different style, OR, use inline style, OR, both as I posted a while back on Pastebin and is shown on this page

Viewing 1 replies (of 1 total)
  • The topic ‘How to get table spacing to zero?’ is closed to new replies.