Guide How to: add image as background in HTML on Interlude

[Salty Mike]

One of the two major issues with HTML on Interlude has been the absence of `background` option for tables. However, there is a way to manipulate the HTML code so that you can achieve the same effect as `<table background=" "` on newer chronicles.

A little known fact is that the <img /> tag does not necessarily has to have an `src` element. On top of that, we can set a negaive value for height, which would bring the next <img /> element up in the Z direction by the height we have set.

Here is an example of how we do that:

<img height=-34>
<img src=L2UI_CH3.multisell_plusicon height=32 width=32>

It is important to note that this code has to be placed outside of the table that you want to set the image as background.

This is how the code would look like, if we are to add an <img /> as background to a button:

<td width=36>
    <table cellpadding=0 cellspacing=0>
        <tr>
            <td>
                <button value=\" \" action=\" \" height=35 width=35 back=L2UI_CH3.inventory_outline_down fore=L2UI_CH3.inventory_outline>
            </td>
        </tr>
    </table>
    <img height=-34>
    <img src=L2UI_CH3.multisell_plusicon height=32 width=32>
</td>

Here is the resulting button with its background being the + sign and the OVER being taken from the inventory_outline.


This is another example of utilizing this exact same code with different images/textures:


And this is what it would look like if we were to stack a bunch of TDs in the same table:

Edited November 14, 2023 by Bru7aLMike