long text caused Horizontal scroll bar

38 views
Skip to first unread message

larry

unread,
Feb 1, 2012, 5:28:43 PM2/1/12
to tiddl...@googlegroups.com
Sorry for a newbie question. This may be related to wiki syntax.

I wrote a tiddler like:
{{{
}}}

It shows a horizontal scroll bar. How to remove the scroll bar?

TIA
Larry

PMario

unread,
Feb 2, 2012, 2:59:52 AM2/2/12
to TiddlyWiki
Hi Larry,

On Feb 1, 11:28 pm, larry <lazhao...@gmail.com> wrote:
> Sorry for a newbie question. This may be related to wiki syntax.
> ... snip ...
> It shows a horizontal scroll bar. How to remove the scroll bar?

If a text is too long (for your screen settings) to be displayed as a
whole, all browsers automatically create a scroll bar, if the CSS
setting is "overflow: auto"

You could use "overflow: hidden"

The CSS definitions in TiddlyWiki are defined with StyleSeet tiddlers.
Just open your StyleSheet shadow tiddler and add

/*{{{*/
.viewer pre {
overflow: hidden;
}
/*}}}*/

-> Be aware, that this setting is valid for _all_ <pre> blocks.

-> Your StyleSheet tiddler can be found at the "More: Shadowed" tab at
the right sidebar.

-m

larry

unread,
Feb 2, 2012, 3:54:21 AM2/2/12
to tiddl...@googlegroups.com
Thanks, Mario
Reply all
Reply to author
Forward
0 new messages