html - How can I suggest horizontal rules as good page-breaking points? -


i'm trying optimize pages via css printing browser. problem i'm having setting page breaks properly. have preventing page-breaks in middle of images , blocks of text shouldn't separated how want. however, problem i'm having there's horizontal rule separating new section , just title of next section (and potentially description of section), rest of actual section displayed on next page. confusing , poor formatting, if title of section close bottom of page, you'd throw in page break before bump whole thing next page , not worry tiny amount of space on previous page you're sacrificing.

page break dilemma

the html here simplistic. it's not wrapped in million things, horizontal rule, header, paragraph description, content of section. tried wrap header , description in division , make can't page-break inside or after, so:

<a id="section_1"></a> <div class="no-page-break">     <h2>section 1</h2>     <p>section 1 description</p> </div> <div>     <!-- content section --> </div> <hr /> <a id="section_2"></a> <div class="no-page-break">     <h2>section 2</h2>     <p>section 2 description</p> </div> <div>     <!-- content section --> </div> <!-- , on --> 
.no-page-break { page-break-after: avoid; page-break-inside: avoid }

i hoping see entire block un-breakable , bump whole thing down next page, didn't anything. maybe i've been staring @ problem long. know how prevent each section of page breaking in manner?

note: don't want always break before each section, potentially waste lot of page space if there's little bit leftover previous one.

bonus: if knows how you'd able hide horizontal rule if broke @ point, that'd helpful too. that's minor annoyance i'm not worried about.

the way can think of move horizontal rule bottom of last section , before want page break. wrap next section in node , add no-page-break that. there many factors when printing browser cannot detect if can cleverly group things lot.


Comments

Post a Comment

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

sometimes when hit address of webpage in browser, removes first slash after domain. examples: www.mywebsite.com/scripts/script_6.php -> trying load www.mywebsite.comscripts/script_6.php www.mywebsite.com/test.php -> trying load www.mywebsite.comtest.php after entering again, loads page. a .htaccess settings must wrong: rewritebase / errordocument 404 http://www.mywebsite.com/oops.php errordocument 401 /notallowed.php rewriteengine on # turn on rewriting engine #gzip <ifmodule mod_deflate.c> addoutputfilterbytype deflate text/text text/html text/plain text/xml text/css application/x- javascript application/javascript </ifmodule> #end gzip rewritecond %{http_host} ^mywebsite\.com rewriterule ^(.*)$ http://www.mywebsite.com$1 [r=permanent,l] directoryindex index6.php rewriterule ^termsofuse/?$ termsofuse.php [nc,l] # handle requests "adpolicy" rewriterule ^privacy-policy/?$ privacy-policy.php [nc,l] # handle requ...
Read more

Automatically create pages in phpfox -

i have array of information of places , wanna use them create multiple pages in phpfox site. first tried manually insert data in phpfox database (in tables of phpfox_pages , phpfox_pages_text ). the page shown in site when opening it's link, site says: the page looking cannot found. do know other tables should manipulate make work? or know plugin phpfox same? thanks, solved ( @purefan guide): "pages" has user if take @ phpfox_user table, you'll found out how fetch new records on that. there 2 ambiguous fields in table ( password & password_salt ). can use script create values fields: <?php function generaterandomstring() { $length = 164; $characters = '-_0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz'; $randomstring = ''; ($i = 0; $i < $length; $i++) { $randomstring .= $characters[rand(0, strlen($characters) - 1)]; } return $randomstring; } $ssalt = '';...
Read more

c# - Farseer ContactListener is not working -

i'm using farseer in xna project, have trouble contactlistener. created class contactlistener these 2 error messages , don't know how fix problems. the type or namespace name 'contactlistener' not found (are missing using directive or assembly reference?) the type or namespace name 'contactimpulse' not found (are missing using directive or assembly reference?) what wrong contactlistener class? class mycontactlistener: contactlistener { void begincontact(contact contact) { /* handle begin event */ } void endcontact(contact contact) { /* handle end event */ } void presolve(contact contact, ref manifold oldmanifold) { fixture fixturea = contact.fixturea; fixture fixtureb = contact.fixtureb; if (fixtureb.collisioncategories == category.cat10) { contact.enabled = false; } } void postsolve(contact contact, ref contactimpulse impulse) { /* handle post-solve event */ } }...
Read more