ひまつぶし雑記帖

リフロー縦書きのセンタリング小ネタ

2013/8/7 [11:57:42] (水) 天気

EPUB3リフローの縦書きで困るのが、縦書きの中でのセンタリング。
縦書きで中央揃えといったら、ページの左右に対して中央に配置されることだろう。なのにページの天地に対して中央揃えされてしまう。なんじゃらほい。

タイトルが1〜2行だけあるような扉ページに関しては以前書いた通り
『EPUB3リフローレイアウトで扉ページ』  (2013/4/1)

bodyを横書きにして、タイトルの入るブロック要素をセンタリングして、ブロック要素の中を縦書きにすることで解決。
・EPUBcheckではエラー、警告ともになく通る。
・リーダーは、ibooks kindle koboがOK。KinoppyがNG。
image
小見出しなどにも縦書きのセンタリングを使いたいことがある。
image
この小見出しは、数字部分と下の小見出し2行の部分で構成。

【タイトルや小見出しの仕込みが以下】

・opfファイルのmanifestとspine部分。タイトルと本文の2つのファイル構成
image
・タイトルページのxhtml
image


・本文のxhtml(小見出しのある冒頭部分)
image


この小見出しのセンタリングがうまくいかずに試行錯誤。line-height で調整できることに気づいた(って、WEBでは行の高さを揃えるのに使われる常套手段。とっとと気づくべきだった)
image
文字の大きさは、数字部分が2em。文章部分が1em。
左から
1)
数字はline-heightの指定無し(bodyに指定されたline-height:1.7)
文章はline-height:1
2)
数字のline-height:1
文章のline-height:1
3)
数字のline-height:1
文章のline-height:1.5
3)
数字のline-height:1.4
文章のline-height:1.5

文字の大きさに応じてline-heightは違ってくる。計算で出るけど計算するより身体で覚える現物合わせ。

あっさりさくっと、縦書きの時は text-align:center が左右に対してセンタリングしてくれればこんな面倒なことをする必要はないんだけどね。

[08/07 20:56:59] 追記。
上記の小見出しは、文字サイズを大きくして縦におさまらなくなると、数字部分と文字部分が横並びに。floatで並べただけのブロック、というので同じ。リフローは面倒くさいことが多いなぁ。

»電子書籍制作代行についてはこちら

地元は盆踊りだった

2011/8/7 [09:53:12] (日) 天気

おばあちゃんダンサーズが輪になって踊り、おじいちゃんはビールをがぶがぶ飲み、子供は屋台を走り回る、の図。不景気は止まらないものの、楽しいオーラはいいもんだぜ。

「がんばって続けていましょうね」とアルバイトのおばさんに言われ、「いろいろ思うところあるでしょうが、とにかく、慣れてください」と若手課長に言われる、50歳フリーター。
せっかち・短気、話があちこちに飛び、思いつきの朝令暮改、目の前の相手には自分と同じ理解があることが前提なのに、ひとの話はほとんど聞かず、一喜一憂どころか一喜1千憂しては当り散らす。
いやもう、規模の大小、老若男女問わず、社長族の特徴。そのあたりの耐性はあるんであまり気にならない。

それよりも。自分の立ち位置がハッキリしなくて落ち着かないのが困る、んだよなあ。ホームページの改修・新築・運用の雑用のはずだけど、それに関しては、いまんとこ、ボタン画像をひとつ作っただけ。店内POPや告知物(印刷物)をイラストレーターで作るのは面白いし、店番のレジでお客さんと話すのも面白い。これ当然ながら、時給は同じ金額。今までは基本的になにか(本とかWEBのページとか)を作って・カタチにして金をもらってきたので、買い物出てただけ・エクセルにリストを打ってただけで同じ金額もらうのも、こんなでいいのかなぁ、と落ち着かない。
うーむ。目先稼ぐためには、全部なんでも、という立ち位置になっちゃうのかなぁ。

《ピンチになれば……》と川端淳司はいった。
《逃げればいいんです》

 

考えんといかんなぁ。

»電子書籍制作代行についてはこちら

スポ根だ

2010/8/7 [20:04:31] (土) 天気

「弱虫ペダル」渡辺航が熱くて滾ってこんちくしょう、だ。秋葉原大好きのオタク少年が、高校で自転車部に入ることになって、今、ちょうどインターハイ。仲間とともに・仲間のために、がんばっちゃう王道のスポ根。いちいち泣けていかんのだ。出たばかりの13巻、おいおい田所っちどうしちゃったんだよおぉ、そりゃないっショ、というところで以下次号。すまんチャンピオンは買ってない、読んでない。次の14巻が出るまで待つしかないのか。

わたしがはじめて買った漫画雑誌がチャンピオン。ブラックジャックとかこまわりくんとかドカベンとか750ライダーとか。内容もキャラもバラバラで各自個性的。ジャンプがどれを見ても似たような印象なのとは好対照。
ジャンプとチャンピオンじゃ文化が180度違うんだろうなぁ。

ぐだぐだの「ブリーチ」、相変わらず読ませる「ワンピース」も新刊ゲット。ほかに、「蒼路の旅人」上橋菜穂子、「虐殺器官」伊藤計劃、「アンフィニッシュト」古処誠二。
出版社別ではなくて、作者五十音順で並ぶTUTAYAは探しやすい。

»電子書籍制作代行についてはこちら

裏技スタイルシート…

2008/8/7 [22:24:45] (木) 天気

高さの異なるカラムを揃えるスタイルシートというのがあって、見てみたら、padding-bottom: 32768px; と margin-bottom: -32768px; とoverflow:hidden; だそうだ。intめいっぱいか、という妙な数字だけど、ほんとにそんな意味なのか疑問。
でもなあ、こんなのがスタイルシートに入ってると、後々ハマるもとになるだろう。いまでも、その場目先のリクエストにこたえるために、アンダースコアの要素だなんだと、妙なものがどっさり入ってしまっていて、ちょっとした変更や修正のたびに大騒ぎ。HTMLにstyleを埋め込むのを堪えたので、cssだけでいいとはいえ、「なんでここのmarginがつまらないんだ」「だれ、ここのpadding」と、毎度右往左往で吐血だ。

妙なものが混じる奇怪なcssはうんざりなので、最近のウチのリニューアルは、わかりやすいhtmlとシンプルなcssを目指してみた。
(ブログパッケージのMTもスクリプトの構成なんかは素直に勉強になるな、と思ったけど、cssの方はクラス名があれこれてんこもりで見通しが悪くてよくわからなかった)

雑記帖とお言葉データベースさえリニューアルしてしまえば、ウチはほぼ終了。更新のない一部のページを除いてUTF8に移行できたし。

さて、今日はもう帰るか。ちっ。

[08/07 22:47:03]
もともとリニューアルの目的のひとつにzaurusでも使えるように、てのがあったんだ。

perl5.8.8、mod_perl2前提で作っちゃったんで、perl5.6.0で普通に動くcgi版でも考えてみるかしらん。一番の問題は、utf8。5.6.0だとJcodeを使えばutf8も扱えるはず…うーん、あちこちに必要で、書き換えるのはかなり面倒くさい、か。そのうち。まだやる気があったら、だな。

 

»電子書籍制作代行についてはこちら

本日のエラーメッセージ

2006/8/7 [09:25:29] (月) 天気

加齢とともに、脳みそのシワが体の表面に転移しつつあるので、外部記憶にメモしておくのですよ。

portベースでVirtualHostにするところがあったんだけど

warn
overlaps with VirtualHost

さんざん悶絶した結果、ssl.confとのバッティング。以前、ポートベースでSSLのふりわけができるのかどうか試したことがあって、その時の残滓がひっかかっていた。
httpd.conf
192.168.1.2:8080
ssl.conf
192.168.1.2:8080
どっちにも同じヴァーチャルホストの設定。なのにサーバー名とかドキュメントルートは違ってるし。そりゃいかんですって。

»電子書籍制作代行についてはこちら

だらだら書き散らし

2005/8/7 [12:33:40] (日) 天気

蝉の声がBGMに馴染んで聞こえるようになった。けど、それとこれと話は別。馴染もうとどうしようと暑いものは暑いぞ。

朝から風呂掃除をして、ちょっとスクリプトを追加改造。この雑記帳からイメージとかスタイルを取っ払って本文を表示させるだけの軽いスクリプトがzaurus+エアエッヂ32Kでけっこう重宝なのだ。となると見るだけではなくこっちからポスト、編集できるようにしてみたくなるのが人情というやつ。
あれこれ試行錯誤しております。うちは光ケーブルになったというのに、こっちは32Kのナローバンド(?)だもんなぁ。差が大きすぎてどうにも…。おもてでも無線LANにしたいけど、エリアとか料金とか。

 [13:21:57] 
今日はだらだら近場徘徊です。

»電子書籍制作代行についてはこちら

profile

profile

 
doncha.net
名前:
飯田哲章
mail:
t2aki@mrh.biglobe.ne.jp
twitter:
t2akii

WEBサービス制作/電子書籍制作

検索
<<2017/08>>
  12345
6789101112
13141516171819
20212223242526
2728293031

リンク

WINDOWS版サウンドノベル
おかえりください PC WINDOWS版サウンドノベル
『おかえりください』体験版

iPhone電子書籍アプリ
小説同人誌Select iPhone電子書籍アプリ
『小説同人誌Select』

[2 Page] »
1 2

TOTAL:2826

2017 (18)
1 (2)
2 (1)
4 (2)
5 (1)
6 (6)
7 (3)
8 (3)
2016 (41)
1 (5)
2 (5)
3 (2)
4 (3)
5 (4)
6 (6)
7 (2)
8 (2)
9 (3)
10 (1)
11 (4)
12 (4)
2015 (99)
1 (11)
2 (12)
3 (9)
4 (6)
5 (8)
6 (8)
7 (3)
8 (5)
9 (16)
10 (6)
11 (1)
12 (14)
2014 (112)
1 (16)
2 (5)
3 (6)
4 (12)
5 (16)
6 (19)
7 (9)
8 (6)
9 (4)
10 (8)
11 (6)
12 (5)
2013 (145)
1 (24)
2 (15)
3 (18)
4 (23)
5 (14)
6 (11)
7 (7)
8 (11)
9 (5)
10 (4)
11 (6)
12 (7)
2012 (103)
1 (1)
2 (1)
3 (4)
4 (3)
5 (7)
6 (26)
7 (17)
8 (5)
9 (8)
10 (10)
11 (11)
12 (10)
2011 (54)
1 (4)
3 (7)
4 (4)
5 (14)
6 (6)
7 (3)
8 (3)
9 (1)
10 (4)
11 (2)
12 (6)
2010 (70)
1 (12)
2 (7)
3 (6)
4 (6)
5 (3)
6 (10)
7 (6)
8 (4)
9 (3)
10 (4)
11 (3)
12 (6)
2009 (144)
1 (15)
2 (12)
3 (12)
4 (6)
5 (15)
6 (6)
7 (10)
8 (9)
9 (17)
10 (12)
11 (14)
12 (16)
2008 (148)
1 (10)
2 (6)
3 (10)
4 (11)
5 (13)
6 (10)
7 (13)
8 (19)
9 (18)
10 (12)
11 (13)
12 (13)
2007 (106)
1 (7)
2 (5)
3 (3)
4 (7)
5 (5)
6 (9)
7 (8)
8 (13)
9 (18)
10 (11)
11 (8)
12 (12)
2006 (158)
1 (28)
2 (28)
3 (25)
4 (7)
5 (9)
6 (7)
7 (12)
8 (13)
9 (10)
10 (7)
11 (6)
12 (6)
2005 (350)
1 (31)
2 (26)
3 (26)
4 (27)
5 (29)
6 (30)
7 (32)
8 (30)
9 (30)
10 (32)
11 (29)
12 (28)
2004 (292)
1 (24)
2 (24)
3 (29)
4 (27)
5 (28)
6 (25)
7 (26)
8 (24)
9 (12)
10 (19)
11 (26)
12 (28)
2003 (318)
1 (22)
2 (25)
3 (21)
4 (28)
5 (28)
6 (28)
7 (28)
8 (29)
9 (26)
10 (29)
11 (28)
12 (26)
2002 (317)
1 (29)
2 (26)
3 (26)
4 (25)
5 (28)
6 (30)
7 (27)
8 (21)
9 (25)
10 (27)
11 (28)
12 (25)
2001 (277)
1 (17)
2 (21)
3 (23)
4 (20)
5 (31)
6 (18)
7 (26)
8 (25)
9 (29)
10 (19)
11 (24)
12 (24)
2000 (53)
6 (9)
7 (4)
8 (2)
9 (3)
10 (1)
11 (15)
12 (19)
1999 (3)
7 (1)
10 (2)
1998 (18)
9 (9)
10 (7)
11 (2)