Looking to insert a text box with a scroll bar

Discussion in 'HTML & Website Design' started by spencyr, Apr 29, 2008.

  1. #1
    Hi, I am trying to publish a website with publisher 2007 and would like to put in a text box with a scrollbar on it.

    It will be on my main page with recent news in, possibly being updated every couple days.

    Since I don't want all that (what could be important text) taking up space, I would like to have a text box with a scrollbar on it. That way people can read it all if they want to but it will still have the most recent news on top.

    Any help would be greatly appreciated. Still learning on publisher and did do a google search but that didn't come up with anything all that tangible to a newbie.

    Thanks much :)
     
    spencyr, Apr 29, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The absolute, best, most wonderful advice I can give you is this: do not learn to write websites with Publisher, Frontpage, Word, or any of those programmes. You cannot write correct, valid code in them without fighting them all the way.
    Instead, use a plain old ordinary text editor such as Notepad, Notepad ++, Win32pad, EditPlus, or any of those (they are all or mostly free, and there are literally dozens of different editors out there... the important thing being that they don't have any of their own formatting like Publisher or Word do).

    This site was built in Publisher: www.vanleeuwenglas.nl

    Take a look at it in any browser other than Internet Explorer. You see a little bit of poorly formatted text and the links aren't clickable. Publisher uses the Microsoft-only Vector Markup language (MS made it to be what they call a better version of svg, the same xml-based format used for the vector images). I'm not even sure if it can write real code. Publisher's job is to do Desktop Publishing, and websites should not be considered related at all to desktop publishing... webstes must work to the internet standards as recommended by the W3C (w3c.org) and need to display correctly on multiple browsers, operating systems, and screen resolutions.

    So, we could tell you how to make such a box with HTML and CSS, but we'd be steering you wrong to tell you how to do it with Publisher (and I'll admit, I have no clue how to do it in Publisher... but actual HTML and CSS, sure).

    I'd have to give myself 40 lashes : )

    In general though, such a box would be a block element with a set height and width, and then overflow: auto set on it so a scrollbar is generated when the content is longer than the box. The height, width, and overflow properties would be set in the CSS sheet (either internal or external, either one but we encourage people to use external).
     
    Stomme poes, Apr 29, 2008 IP
  3. spencyr

    spencyr Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks for your reply... i know basic HTML... but when it comes to building tables etc... I'm completely lost...

    and I know my website has some problems when viewing in Firefox, so its probably safe to assume that there are others it has issues with too

    gotta love the "lets make this program do everything ok, but not anything spectacular" approach

    not sure what to do now LOL ... redo the website in proper html or just stumble through it with Publisher

    thanks again :)
     
    spencyr, Apr 29, 2008 IP
  4. snatcher

    snatcher Active Member

    Messages:
    219
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    90
    Digital Goods:
    1
    #4
    You could do a div with a scroll bar. Just set the height with css then set overflow-y:auto;
     
    snatcher, Apr 30, 2008 IP
  5. spencyr

    spencyr Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    could you elaborate a little bit?
    What do you mean by "div"? sorry still learning the coding lingo used often around here :)

    Thanks
     
    spencyr, Apr 30, 2008 IP
  6. awatson

    awatson Active Member

    Messages:
    112
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #6
    You can put the text within a div, and give that div css with a fixed height and overflow-y:auto, then if there amount of text would cause the div to stretch higher than the height assigned to it, a scroll bar will appear:

    <div style="height: 300px; overflow-y: auto">
    [[ your text ]]
    </div>

    How to make that work in Publisher, I have no idea. But somehow you need to make it output something like that...
     
    awatson, Apr 30, 2008 IP
  7. kewlchat

    kewlchat Well-Known Member

    Messages:
    1,779
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    110
    #7
    i like that div nice tip
     
    kewlchat, Apr 30, 2008 IP