A table without spaces or borders

  • Anonymous



    I want to stitch images in a table to create clikable areas.


    For this, so I made a table with a class

    <table class="zero">

    And I put this in the css of my child-theme

    table.zero {border-collapse:collapse;}

    table.zero td {padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; border-width:0px; border-style:none;}

    table.zero tr {border-collapse:collapse;padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;border-width:0px; border-style:none;}

    But there are still spaces … Where do I make a mistake?

    Thanks a lot


    Kenneth John Odle


    Don’t forget cell padding.

    The better way would be to use a single image and an image map. There are online image map generators available.



    Thanks for the answer.

    Sometimes I try to make it complicated when I can make it simple ….

    So it works very well.

    However, when I click on an area, I have a blue border that corresponds to the link.

    So I try to make a class for these special links so that nothing appears click.

    <area class="imagemaps" shape="poly" coords="198,212,184,254,191,287,211,311,260,329,296,314,314,288,321,247,309,212,278,189,231,186," href="http://centre
    orl.fr/pathologies-du-nez-et-des-sinus/" alt="nez" title="nez" />

    And this in my style.css :

    a.imagemaps:active {text-decoration: none;}

    But it doesn’t work…

    Thank you for your help



    Found it!


    Thanks again for this wonderful theme!

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.