Текстиль - Набивка ячеек

Я использую внешнюю карту для своей кампании Obsidian Portal (использую Textile), но карта состоит из отдельных изображений меньшего размера. Я хотел бы сохранить формат отдельных изображений, которые я могу щелкнуть и просмотреть часть карты, но заполнение ячеек мешает сделать карту бесшовной, как она должна выглядеть ... или это проблема свойств изображения, я не уверен...

Можно ли это как-то исправить, чтобы изображение выглядело законченным и по-прежнему функционировало как ссылки на отдельные участки карты? Я включил фрагмент таблицы ниже, как он появляется на моем портале...

Спасибо!

| |_. 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 |

person Jacob Hooper    schedule 03.09.2017    source источник


Ответы (1)


Текстиль сам по себе не добавляет отступы, вы можете удалить его с помощью CSS, например:

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

Вы также можете назначить класс или идентификатор таблице и ее элементам, посмотрите документацию: 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 |
person sebix    schedule 04.09.2017