Stack images

[nthiery]

Currently, the labyrinth is not drawn just below the ant. Also, if the ant carries a rock, that rock is not drawn, instead a dedicated message is displayed. This is unlike the original game.

Implementation: stack the html images as in the following examples:

#include <xwidgets/xhtml.hpp>
xw::html html;
html.value = R"html(<style>
    .stack
    {
      position: absolute;
      top: 0px;
      left: 0px;
    }
</style>
<div style="position: relative; left: 0; top: 0;">
    <img src="exit.svg">
    <img src="ant-e.svg" class="stack">
</div>)html";

html.display()

[Disatiler]

Bonjour Monsieur,

Excusez-moi de ne pas avoir envoyé de mail pour vous expliquer mon problème. Mais remarquant que Jeudi il était déjà trop tard pour vous envoyez le message, j'ai décidé de résoudre le problème tout seul alors voici une fourmi avec son cailloux sur le dos!
(Il faut juste le mettre dans le même folder que les image mais je vais faire un NodeJs pour pouvoir chercher les images de très loin).
Pour tester le code penser a supprimer les * devant les balises c'est pour éviter que le commentaire l'interprete.

#include <xwidgets/xhtml.hpp>
xw::html html;

html.value = R"html(<style>
.stack
{
position: absolute;
top: 0px;
left: 0px;
}
</style>

<*div style="position: relative; left: 5px; top: 5px;">
<img src="rock.svg" class="stack" width=20 height=20 >
</div>
<*img src="ant-s.svg">
)html";

html.display()

[nthiery]

Ok. Est-ce que cela marche encore avec trois images empilées? Avec un tableau? Par un "NodeJS", tu entends "un serveur web?" ? À tout à l'heure, Nicolas

On Wed, Mar 25, 2020 at 03:05:52AM -0700, Disatiler wrote: Bonjour Monsieur, Excusez-moi de ne pas avoir envoyé de mail pour vous expliquer mon problème. Mais remarquant que Jeudi il était déjà trop tard pour vous envoyez le message, j'ai décidé de résoudre le problème tout seul alors voici une fourmi avec son cailloux sur le dos! (Il faut juste le mettre dans le même folder que les image mais je vais faire un NodeJs pour pouvoir chercher les images de très loin). #include <xwidgets/xhtml.hpp> xw::html html; html.value = R"html(<style> .stack { position: absolute; top: 0px; left: 0px; } </style> <div style="position: relative; left: 5px; top: 5px;"> <img src="rock.svg" class="stack" width=20 height=20 > </div> <img src="ant-s.svg"> )html"; html.display() -- You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub: #13 (comment)

Nicolas -- Nicolas M. Thiéry "Isil" <nthiery@users.sf.net> http://Nicolas.Thiery.name/