1 (edited by Lucas Malor 2008-02-18 23:14)

Topic: Text overflow

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 = '<span class="postimg"><img src="'.$url.'" alt="'.htmlspecialchars($url).'" /></span>';

replace with

        $img_tag = '<div class="postimg"><img src="'.$url.'" alt="'.htmlspecialchars($url).'" /></div>';

2 (edited by Lucas Malor 2008-02-03 23:21)

Re: Text overflow

@ 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

Re: Text overflow

Also the RSS feed:

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

Re: Text overflow

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 wink

Re: Text overflow

Ops, sorry smile Keep up the good work

6 (edited by Lucas Malor 2008-02-18 23:15)

Re: Text overflow

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

Overflow for images:

In include/parser.php

find

        $img_tag = '<span class="postimg"><img src="'.$url.'" alt="'.htmlspecialchars($url).'" /></span>';

replace with

        $img_tag = '<div class="postimg"><img src="'.$url.'" alt="'.htmlspecialchars($url).'" /></div>';

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