I'm considering having a game banner image at the top of the screen, but would like it fixed so that it doesn't scroll away, and instead have the game text scroll up behind it.

I tried adding the image to 'Background image' in the game's Display tab, but it didn't show up and I don't know if that's how I'd do it anyway.

Thanks in advance.

I'm using my one non-bump reply.

This is one of those questions I thought would have a simply answer, but clearly not.

Why not using the picture frame for this?

Pertex wrote:Why not using the picture frame for this?

Tell me more. I don't know what this is.

Ah, found this now, but it doesn't do what I want as it's not fixed. It scrolls off the screen as the player inputs commands.

Just to get you right: the images should NOT scroll . The picture frame in Quest stays at top of the window.

Well, I'm doing it right, Pertex. That screenshot is exactly where I'm adding it and I can assure you it scrolls with the text.

Okay, just discovered something. I started a new file as a test, and the image does indeed stay fixed (my apologies, Pertex). Which means it's something I've done with my game.

Does anyone have even the vaguest idea what that might be??

I'm guessing it's one of these settings that's the culprit?? Anyone confirm?

InitUserInterface

JS.setCommandBarStyle (GetCurrentTextFormat("") + ";border:" + game.defaultbackground)
JS.eval ("$('#status').hide();")
JS.SetBackgroundCol ("black")
JS.eval ("$('#txtCommandDiv').prepend('> ')")
JS.eval ("$('#gameBorder').click(function() { if ($('#txtCommand').css('display') != 'none') { $('#txtCommand').focus(); }});")
JS.OutputTextNoBr (game.css)
OutputTextNoBr (game.css)
request (SetInterfaceString, "TypeHereLabel=")
if (GetBoolean(game, "inprogress")) {
}
else {
  game.inprogress = true
}

Game CSS

<css><![CDATA[
    
       <style type="text/css">
        
        body {
            
            line-height: 22px;
            
         } 
        
        #titleimage {
            display: none;
        }
         
        div#txtCommandDiv {
            border: none;
            background: no-repeat;
            font-size:13px;
            font-family:'Courier New', Courier, monospace;
            
            
          }
          input#txtCommand {
                    
            outline:none;
            border: none;
            font-size:13px;
            margin:0;
            padding:0;
            max-width: 1000px;
            
          }
          
          #status { display: none !important; visibility: hidden !important; }
                 
                    
          </style>
                                                                                                                                                          ]]></css>

Yeeeeeeeeees!

I had Clear picture panel if room has no picture checked in the Interface tab.

Odd thing is the text scrolls up behind it, but the image is transparent, although I know I created it with a black background to match the background of my game.

[edit] In actual fact the text is scolling OVER the image, not behind.

Is there any way I can make the text disappear before it reaches the image? I've tried altering the top padding, but all that does it alter where the text begins. It still scrolls over the image at the top of the screen.