Text with scrollbar in iWeb

[gerror]

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?

 

[charliestack]

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.

 

[martinwinlow]

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.

 

[Pakaku]

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?

Also, what is the colour black in hex?

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

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

 

[martinwinlow]

Oldie but goodie. Thanks for your help - that all works fine. MW