PunBB Forums — Text overflow

Re: Text overflow

null@example.com (Lucas Malor) — Mon, 18 Feb 2008 23:10:10 +0000

Overflow for images:

In include/parser.php

find

        $img_tag = '';

replace with

        $img_tag = '
';

in style/Oxygen/Oxygen.css

find

.main .entry-content blockquote {
    overflow: auto;
    width: 100%;
    max-height: 16em;
    }

after add

.main .entry-content .postimg {
    overflow: auto;
}

Have you take a look to my css changes here?

http://lucasmalor.netsons.org/forum/viewtopic.php?id=1

Re: Text overflow

null@example.com (Lucas Malor) — Sun, 03 Feb 2008 23:18:25 +0000

In the meanwhile, I've changed px to em when possible, and I adjust codebox css to fit my changes:

[EDIT] code is here:
http://punbb.org/forums/viewtopic.php?p … 78#p108578

Re: Text overflow

null@example.com (d3visi0n) — Sun, 03 Feb 2008 23:07:17 +0000

Ops, sorry Keep up the good work

Re: Text overflow

null@example.com (Smartys) — Sun, 03 Feb 2008 21:31:54 +0000

d3visi0n: We don't do XML stylesheets (which I think are what you would use to control the display of the RSS feed), so however it looks is up to your browser or feed reader.
Lucas Malor: I'll leave this up to Paul

Re: Text overflow

null@example.com (d3visi0n) — Sun, 03 Feb 2008 21:23:17 +0000

Also the RSS feed:

http://lucasmalor.netsons.org/forum/ext … p;type=rss

Re: Text overflow

null@example.com (Lucas Malor) — Sun, 03 Feb 2008 19:21:56 +0000

@ devs: these solutions for text overflows will be added?

Anyway, I've written some css also for quote boxes. In addition to avoid overflow truncations, it limit quote max height to 205px.
Preview:
http://lucasmalor.netsons.org/forum/vie … p?pid=3#p3

[EDITED] Code is here:
http://punbb.org/forums/viewtopic.php?p … 52#p108652

Text overflow

null@example.com (Lucas Malor) — Sun, 03 Feb 2008 12:25:41 +0000

This is a little workaround if text overflows the post box.

Preview:
http://lucasmalor.netsons.org/forum/vie … p?pid=2#p2

In style/Oxygen/Oxygen.css

find

.main .post-entry {
    padding: 0.3em 1em 0 1em;

after add

    overflow: auto;

find

.main .entry-content {
    padding-bottom: 0.8em;

after delete

    overflow: hidden;

find

.main .entry-content blockquote {
    overflow: hidden;
    width: 100%;
    }

replace with

.main .entry-content blockquote {
    overflow: auto;
    width: 100%;
    max-height: 16em;
    }

after add

.main .entry-content .postimg {
    overflow: auto;
}

In style/Oxygen/Oxygen_ie6.css

find:

* html .entry-content .codebox pre { /* 6 Only */
    overflow: visible;
    overflow-x:auto;
    padding-bottom: 2em;
    }

replace with

* html .entry-content .codebox pre { /* 6 Only */
    height: expression( this.scrollHeight > 465 ? "450px" : "auto" );
    overflow:auto;
    word-wrap: normal;
    padding-bottom: 2em;
    }

.main .entry-content blockquote {
    height: expression( this.scrollHeight > 225 ? "210px" : "auto" );
    overflow:auto;
    word-wrap: normal;
    }

.main .post-entry {
    word-wrap: break-word;
    }

In include/parser.php

find

        $img_tag = '';

replace with

        $img_tag = '
';