Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 02-23-2012, 02:36 PM   #1
FatDog
Witless protection Agent
FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.FatDog ought to be getting tired of karma fortunes by now.
 
Posts: 265
Karma: 1002898
Join Date: Nov 2009
Location: Los Angeles
Device: Kindle
How do you hide/make not-visible sections in CSS/epub?

I am trying to convert a bunch of fan-fiction and stories by wrapping basic Paragraph tags around paragraphs, then importing into Sigil to create epubs.

Many of the postings contain either a few paragraphs by the author about what influenced them to write the story, and in others - they have started putting this type of information above the title/body of the story:

Author:
Title:
Part:
Universe:
Summary:
Keywords:
Language:

At first, I was just removing these, then seeing that this bookeeping information could be valuable, I was putting PRE tags around them to let them stay. But this is ugly and some of the long-winded header information pushes the title onto the next page.

How would I use CSS to hide whole blocks of header information? I have searched and found the 'display - none' option and the CSS option for a class called visibility:hidden; - But this means I have to tag each row as a paragraph with this option.

I would like to wrap several PRE sections with something that makes then not-display:

Code:
<p class="not-visible">
<pre> Date: Subject: </pre> <pre> Author: Title: Part: Universe: Summary: Keywords: Language: </pre>
</p>
Any advice on how to do this?
FatDog is offline   Reply With Quote
Old 02-23-2012, 05:54 PM   #2
dwig
Guru
dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.dwig ought to be getting tired of karma fortunes by now.
 
dwig's Avatar
 
Posts: 932
Karma: 1153099
Join Date: Dec 2004
Location: Paradise (Key West, FL)
Device: Current:Kindle 3/WiFi Retired:Clie - UX50, T415, ...
You might try:
  1. Remove the <p> tags you've wrapped around the <pre> tags.
  2. Style the <pre> tags in a stylesheet to be hidden.

The stylesheet or <style> section in the <head> would then need to include:
pre {display: none;}
This would, of course, hide all <pre> tags in the epub.

Edit: perhaps this would fail, as per theducks' post

Last edited by dwig; 02-23-2012 at 05:57 PM.
dwig is offline   Reply With Quote
 
Enthusiast
Old 02-23-2012, 05:54 PM   #3
theducks
Grand Sorcerer
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 13,599
Karma: 5126946
Join Date: Aug 2009
Location: The (original) Silicon Valley, USA
Device: Galaxy Tab 2, Astak Pocket Pro, K4NT
Quote:
Originally Posted by FatDog View Post
I am trying to convert a bunch of fan-fiction and stories by wrapping basic Paragraph tags around paragraphs, then importing into Sigil to create epubs.

Many of the postings contain either a few paragraphs by the author about what influenced them to write the story, and in others - they have started putting this type of information above the title/body of the story:

Author:
Title:
Part:
Universe:
Summary:
Keywords:
Language:

At first, I was just removing these, then seeing that this bookeeping information could be valuable, I was putting PRE tags around them to let them stay. But this is ugly and some of the long-winded header information pushes the title onto the next page.

How would I use CSS to hide whole blocks of header information? I have searched and found the 'display - none' option and the CSS option for a class called visibility:hidden; - But this means I have to tag each row as a paragraph with this option.

I would like to wrap several PRE sections with something that makes then not-display:

Code:
<p class="not-visible">
<pre> Date: Subject: </pre> <pre> Author: Title: Part: Universe: Summary: Keywords: Language: </pre>
</p>
Any advice on how to do this?
Pre says NO (CSS) style to be applied

<div class="NoShow">
all your stuff
</div>
theducks is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to make the book format on the reader visible in Calibre MRi Library Management 4 05-10-2011 03:45 PM
Show articles only, hide sections sjk9 Recipes 1 04-11-2011 11:04 AM
How to make image visible? ppharm PDF 2 01-11-2011 06:40 AM
Using CSS in Word to make a Drop Cap work in an Epub brewt ePub 3 01-31-2009 06:00 PM


All times are GMT -4. The time now is 10:21 AM.


MobileRead.com is a privately owned, operated and funded community.