Text with scrollbar in iWeb

Discussion in 'Mac Apps and Mac App Store' started by gerror, Nov 25, 2006.

  1. gerror macrumors 6502

    Joined:
    Oct 25, 2001
    Location:
    Netherlands
    #1
    I've got quite some text wich I want to put on an iWeb site. However, I want to make the text longer than the text area itself so I want to use a scrollbar.
    How can I do this in iWeb?
     
  2. charliestack macrumors newbie

    Joined:
    Nov 22, 2008
    #2
    iWeb Scrollbar - SIMPLE

    I know how to add a simple text box scrollbar, if you have too much text content for your iWeb site.

    Simply use HTML snippet and insert this code below.

    <div style="width:100px; height:100px; overflow:auto;">
    <p style="font: 14pt/20pt Garamond, Georgia, serif;color:#ff9900;">

    YOUR TEXT CONTENT HERE


    </p>


    </div>

    Then, adjust the font and colours.
     
  3. martinwinlow macrumors newbie

    Joined:
    Jun 7, 2010
    #3
    Hi,

    Thanks - that works (unlike all the other people on other forums that say ;'it can't be done'! But... what do you add to the list to forsce each list item onto a separate line?

    Ie , if I use:-
    <div style="width:140px; height:100px; overflow:scroll;">
    <p style="font: 12pt Arial;color:#ff0000;">

    Austria
    Belgium
    Bulgaria
    Cyprus
    Czech Republic
    Denmark
    Estonia
    Finland
    France (Guyane, Reunion, Martinique, Guadaloupe)
    Germany
    Greece
    Hungary
    Ireland
    Italy
    Latvia
    Lithuania
    Luxembourg
    Malta
    Netherlands
    Poland
    Portugal (Azores, Madeira)
    Romania
    Slovakia
    Slovenia
    Spain (Canaries)
    Sweden
    United Kingdom
    </p>
    </div>


    I get 2 countries' names on each line and I only want one per line...

    Also, what is the colour black in hex?

    Lastly, is there a way to just have the vertical scroll bar?

    Thanks, MW.
     
  4. Pakaku macrumors 68000

    Pakaku

    Joined:
    Aug 29, 2009
    #4
    HTML doesn't do line-breaks unless you use the <br> or <p> tags around each line you want (<p>Austria</p> <p>Belgium</p> <p>Bulgaria</p>)

    Black is just #000000, you usually don't even need to worry about pure black because that's what most browsers default to

    Vertical scrollbars shouldn't be something you need to worry about. You should be making your inner content less wide, or make the scrolling container wider. As a last resort you could use overflow-x: hidden in your CSS, but then that hides overlapping info that you might want shown

    Also, happy 11th birthday, thread
     
  5. martinwinlow macrumors newbie

    Joined:
    Jun 7, 2010
    #5
     

Share This Page