2017-09-03 71 views
0

我为我的Obsidian Portal广告系列(使用Textile)使用外部地图,但地图与单独的较小图像拼凑在一起。我想保留单独图像的格式,我可以点击并查看地图的一部分,但单元格填充会影响地图的无缝显示,或者它的图像属性问题,我'm不知道...纺织 - 细胞填充

有没有什么办法解决这个问题,使图像看起来完整,并仍然作为链接到单独的地图部分?我已将下表中的代码段包含在我的门户网站中...

谢谢!

| |_. A |_. B |_. C |_. D | 
|_. 1 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png | 
|_. 2 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png | 
|_. 3 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png | 
|_. 4 | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png | !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png | 

回答

0

纺织品本身不添加填充物本身,你可以用CSS删除它,例如:

table { 
    border-collapse: collapse; 
    border-spacing: 0 0; 
    border: none 
    margin: 0; 
    padding: 0; 
} 

你也可以指定一个类或ID表和它的元素,看看文档:https://txstyle.org/doc/15/tables

你可以手动指定样式的所有元素:

table{padding: 0; margin:0; border-spacing: 0 0; border-collapse: collapse; border: none}. 
| |_{padding: 0; margin:0}. A |_{padding: 0; margin:0}. B |_{padding: 0; margin:0}. C |_{padding: 0; margin:0}. D | 
|_{padding: 0; margin:0}. 1 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog11.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog12.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog13.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog14.png | 
|_{padding: 0; margin:0}. 2 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog21.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog22.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog23.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog24.png | 
|_{padding: 0; margin:0}. 3 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog31.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog32.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog33.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog34.png | 
|_{padding: 0; margin:0}. 4 |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog41.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog42.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog43.png |{padding: 0; margin:0}. !http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png!:http://www.highprogrammer.com/alan/gaming/dnd/greyhawk/map/nwog44.png |