[Anonymous]

Anonymous

#5637

Hello,

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

http://centre-orl.fr/rubrique-4/

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]

Kenneth John Odle

#32372

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.

[Anonymous]

Anonymous

#32373

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

[Anonymous]

Anonymous

#32374

Found it!

outline-style:none;

Thanks again for this wonderful theme!