How to make a scroll text box in Xara

[maarten82]

Hi James, when I do this on my page the uncheck doesnt work, i select my text, right click my mouse, webproperties...website and uncheck the page edges..
no worky worky, what am i doing wronggg??? is there another way to do this so i can ad more text to my scrollbar?


Goto Web Properties>>Website and uncheck clip to page edges.

[maarten82]

Hi James, when I do this on my page the uncheck doesnt work, i select my text, right click my mouse, webproperties...website and uncheck the page edges..
no worky worky, what am i doing wronggg??? is there another way to do this so i can ad more text to my scrollbar?


Goto Web Properties>>Website and uncheck clip to page edges.

Hello JamesD

I am using your program to scroll text, so i have one text placeholder named scroll1 and HTMLBlockText and i have another placeholder where i have put in your code.
now i have tryed the function Web Properties>>website and Uncheck clip to page edges, but that doesn't work. i have first saved my page then exported it and that didden't work to.

is it the combination of two placeholders why it doesn't work? i have got now idea, hop you can help. thanks again!

[jamesd]

Hi Maarten,
You can use placeholders in your textbox to add more text

[maarten82]

Hi Maarten,
You can use placeholders in your textbox to add more text

Thanks JamesD, this works perfect, it's very simple if you know how to do it... haha. thanks!

[maarten82]

Thanks JamesD, this works perfect, it's very simple if you know how to do it... haha. thanks!

I have just one small question, can the scrollbar thats shown on the left side of the page disapare?
i mean so that the text or pictures stay scrolable but just not showing the scrollbar on the left side?

thanks again for your help!

greets maarten

[jamesd]

Hi Maarten,
To do this you will need to add two placeholders in the textbox one at the start and one at the end, place <div id="inner-scroll"> in the first placeholder and </div> in the second.

Then change the code in the head to

<style type="text/css">

#scroll1 {
width: 100%;
height: 400px;
padding-left: 5px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
overflow: hidden;
}

#inner-scroll{
width: 100%;
height: 100%;
padding-right: 17px;
overflow: auto;
}
</style>
What I have highlighted in red are important to keep.

[jamesd]

Forgot to mention that it will not work in Xara preview but does work in Firefox , Chrome and Safari , I haven't checked IE

[maarten82]

Forgot to mention that it will not work in Xara preview but does work in Firefox , Chrome and Safari , I haven't checked IE

Thanks Again for your help, this works perfect!!

greets maarten

[maarten82]

Hello everyone and JamesD,

Finaly i have finished my website, after publicing i notis some problems, problems that when i preview my website in webdesigner don't come forward on the screen,
maybe you can tel me the problem and give some advice?

you can see on the screenshot how my website suppost to be.
on this screenshot you can see that on the rightside the pictures are not showing, can someone tel me why not, what am i doing wrong?
i think it's the code that isn't right i have used the code from JamesD, how to make a scroll text but with pictures, it works on my home computer perfectly but now when its uploaded not, the pictures are all Jpg files, is this the problem?

thanks for your help.. mu page adres is www.mklfotografie.nl

greets maarten

[maarten82]

sorry but the link above is for my old website here is the right one: http://maartendesiree.magix.net/