Scroll Bar? ... within the page? (No TextBox Stretch when updating?)

  • 1
  • Question
  • Updated 9 years ago
  • Answered
O.k. I'm probably missing something here ... I've searched for about an hour to no avail

How can I Put Scroll Bar (No search listings but thats what i call it , you know , that blue bar on the right hand side of the page that lets you scroll up and down) ... how can I put that inside a "form" ? (Lingo sorry) ... For example , to add updated "Site News" or something like that and not let it stretch the "Text Box" when it gets to the bottom , therefore distorting the page layout.

Sorry , I've been at this for hours and my brain might be melting lol , I could have put the question forward a little more concisely ... but surely that expresses my problem sufficiently. :)

Cheers,

Luc
Photo of Luc

Luc

  • 12 Posts
  • 0 Reply Likes
  • melting!!!

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Luc

Here's a very simple scroll box that you can use.

<!--<div style="height:50px;width:200px;overflow-y:scroll"> YOUR TEXT GOES HERE</div>-->

Take out the <!-- & -->

You can adjust the height and width.

Please let me know if this does not meet your needs.
Photo of Luc

Luc

  • 12 Posts
  • 0 Reply Likes
Thanks again Littleus (Why do I get the feeling I'll be saying that alot hahah :)

Yes I see How this could work ... bit of mucking around with the dimensions , but not too difficult really ... It should serve the Purpose for the time being :)
(How easy is it to HTML the colour of the text? (The very middle right green in the pallette is one I'm using quite a bit , for example))

Well , That has helped me out alot (And Now I see the relevant topics off there to the right lol :D (I did search "Text Box" though , those topics didn't show) ;)

Another question if you don't mind ... (2 part)
Is there a way in the SiteBuilder to customize your Textual preferences? (lol , there really was no pun intended , honest) Rather than having to change colour and size for each Form?
Also , Something happened where I now get a lines space between each line of text , must have bumped a button ... Can you tell me how to change this around , I only see Pointer lists and indentations etc"

And while I'm here ... any suggestions for some sort of a Downloadable File Archive??
Rather than placing each File seperatly in It's own box? ... because that's how I'm doing it atm and It's highly impractical I'm guessing ;) heheh
I haven't searched it yet , but seriously , some of you guyz can tell me in 2 minutes here what could potentially take me 2 weeks to find out by "Searching" :)

So Thanks again to everyone here who go out of their way to help others , this is afterall how a community blossoms best =)

Cheers,

Luc

(Edit - I just realized too , how do I seperate the lines of text vertically within the HTML code?)
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Luc,

In addition to Littleus's code, here's some more code to create a scroll box.

<!-- HTML Codes by Quackit.com -->
<div style="height:120px;width:150px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/codes/htm... scrollbox</a></p>

Look here for more:
http://www.quackit.com/html/codes/htm...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Luc

I'll try to answer your questions as best as I can:

1. HTML for text color
You can easily add this in by adding a font color tag. <!--<div style="height:50px;width:200px;overflow-y:scroll"><font color="#000000> YOUR TEXT GOES HERE</font></div>--> If you use Firefox, I would strongly recommend that you download this awesome tool called "colorzilla" which you can get from here: https://addons.mozilla.org/en-US/fire... This handy tool allows you to click on any color on your webpage and get the HEX or RGB code.

2. Each template comes with its own default text and color. By using the text widget, this allows you to easily customize the font, font size and color. Each page though will need to be done. If you use an HTML widget, then you will have to manually add the font tags in.

3. The line spacing. The text widget automatically creates these lines. To get rid of the extra spacing, click on the HTML button on your text editor bar and remove all the <!--<p> and </p>--> This will revert your text to single line spacing.

4. Downloadable file archive and placing each file in its own box? I'm sorry Luc, I don't understand what you mean here. Do you think you could try to clarify this for me and hopefully I or someone else will be able to answer you.
Photo of Luc

Luc

  • 12 Posts
  • 0 Reply Likes
Thanks Boomer , I'll check that out tomorrow :)

I've seen bits and peices of HTML before but never really paid too much attention , looking at it all more carefully now (for a couple of days) I am beginning to see how it works ... I'll never be an expert and don't really need to be , but simple things like changing Dimensions , backgrounds , colours , fonts etc etc would be very handy if I'm going to keep pursuing this Project (And I rarely do anything in halves ;))

(All up I've only had internet access for a total of about 2 years in my life , just got online again recently after nearly a year and a 1/2 in the Rainforests :D , So I think I'm doing ok so far considering :) )

Cheers for your time,

Luc