Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

[Harlowe] Making a separate area for images

I'm using Harlowe on Twine 2. I don't know is the language I'm using is strictly relevant here.

I'm currently using what is effectively an inventory system, and altering it to work like a character panel as well as a separate passage for your 'companion', so you can speak to them. That part's fairly simple.

What I'm looking to do is create an area within the companion passage that allows me to place an image into it, independent of the passage itself. I know how to import images using the basic <img> command, but I have no idea how to go about forcing it to be placed in a specific area of the screen. I don't want it to strictly affect the text in the passage itself, and I at least have a portion of the screen that I can place images onto.

I simply have no idea how to go about it. I thought it might be something to do with using the CSS and naming and tagging specific passages to allow for the images to be placed there, and whilst I have a moderate knowledge of how to do intermediate things, this is far out of my knowledge base.

Any help would be greatly appreciated.


  • edited July 2017
    Is there some reason a float won't work here?
    <div class='img-container'><img ... ></div>

    Then in CSS:
    .img-container {
      margin: 1em;
      float: right; 
Sign In or Register to comment.