ALICE+サポート ユーザー助け合い掲示板 TOPページ ユーザー助け合い掲示板 横並びの表紙について ユーザー助け合い掲示板 『横並びの表紙について』へのコメント投稿 記事 1 へのレス:おそらくこの現象は、「01/02/03/ …… 26/」という一連のリンクをブラウザが「1つの英単語」として処理しているせいだと思います。 “間にスペースの入らない、半角英数字の連なり”だからそう解釈されてしまうのです。 1英単語、たとえば「 or 」とかが行末と行頭で「 o r 」 なんて泣き別れになったら読み辛いですよね。それを避けるために、なるべく1単語の途中に改行が入らないよう、ブラウザ側が改行位置を調整してくれるわけです。 解決策としては…… >《A》CSSで、「必要に応じて単語の途中で改行する」設定にする >《B》半角英数字の間に適宜スペースを入れる 楽なのは断然《B》です。 《A》の方は、現在お使いのCSSの状況(デフォルトCSSが有効か無効か・テンプレのCSSはどんなもので、どこに記述されているか)も分からないため説明が長くなりますし……多少CSSに慣れていないと難しいかと思いますので割愛します。 #《B》のやり方 多分現状だと〔一覧表示でのタイトルの左〕に『半角スラッシュ』を入れている状態かと思います。 問題は「テキストリンクも区切りの記号も半角英数字で、間にスペースがないこと」によるものなので、 *●半角数字(01などのリンク)と半角スラッシュの間に『スペース』を入れる で解決します。 そのスペースの入れ方にも、2通りあります。 どちらの方法が良いかは、ぷよさんがどのようなページリストを作りたいかによります。 >《B−★》リストの体裁はすべて「01 / 02 / 03 / 04 /...」のみ >《B−☆》リストは「01 / 02 / 03 / 04 /...」の体裁だけでなく、区切りのスラッシュを入れたくない場所もある #━━《B−★》 【ページリストレイアウト編集】を使います。 ここでの設定は、同小説機能内のページリンクすべてに反映されます。 「〔一覧表示でのタイトルの左/右〕に 毎 回 同じ内容を記入する場合」に使うととても便利です。 ※なおこれは「ページのリンク」にのみ適用されるレイアウトなので、「章タイトルリンク」には適用されません。 やり方は、 >【ページリストレイアウト編集】に ##left_text##<a href="#page_url#">#page_title#</a>##right_text## / と入れる。 ※一番後ろのスラッシュの前後に半角スペースを入れています。 『/』じゃなく、 『 / 』です。 ↓例は「05」のページ編集にて〔一覧表示でのタイトルの右〕に『何かテキスト』を入れた場合の表示です。 *━━━━━━Web上の表示━━━━━━ 01 / 02 / 03 / 04 / 05何かテキスト / *━━━━━━━━━━━━━━━━━ 〔右〕に入れた文字は、区切りスラッシュの前に入ります。 〔左〕にも文字を入れると、「/ 左テキスト05右テキスト /」という感じで、リンクを挟み込むように挿入されます。 なお、新着時の表示(newマーク)もすべてのリンクにつけたい場合は、 ##left_text##<a href="#page_url#">#page_title#</a>#new###right_text## / といった形にすればよいかと。 新着時の表示独自タグ(#new#)を入れただけです。 *━━━━━━Web上の表示━━━━━━ 01 / 02 / 03 / 04 / 05new何かテキスト / *━━━━━━━━━━━━━━━━━ という順番で表示されます。 newや〔一覧表示でのタイトルの右/左〕周りのデザインに関しては、今回の問題とはまた別の話題になるので割愛します。 こだわりたくなったら【タグ・デザイン掲示板】の方で相談されるとよいかと思います。 上例の「『05何かテキスト』部分、リンクと〔右〕テキストの間に半角スペースとか入れたいな……」という場合に関しては、【ページリストレイアウト編集】を弄るのではなく、次で説明する、 「〔一覧表示でのタイトルの右〕に空白を入れたいときのやり方」 を参考にしてください。 #━━《B−☆》 リンク後ろに区切りスラッシュを入れたいページの〔一覧表示でのタイトルの右〕に、  /  と入れる。 なおこの「   」というのは、「“ n ”と同じ幅の空白」を意味する文字実体参照、というものです。 とりあえず、空白文字、と捉えてください。 〔一覧表示でのタイトルの右・左〕ではキーボードで普通に打った文頭・文末の半角スペースが消えてしまうため、この文字実体参照というものを使って対応します。 ※『xxx xxx xxx』みたいに、文中に入れる半角スペースは消えたりせずWeb上に反映されますのでご安心ください。 *Web上での表示は『リンク / 』というふうになります。 (ちなみに空白文字の実体参照で特によく使われる「 」は、「挿入した箇所の前後の改行を禁止する空白文字」です。今回の例でこれを使ってしまうと当然、改行されずにリストがボックスを突き抜けてしまいます。ので、今回は使用に適しません) 毎回入れるのは大変ですが、「区切りスラッシュを使いたくないときもある」ならこちらの方法で対応するのが結局一番楽です。 ▼お名前 ※最大20文字 ▼コメント ※最大10000文字 HTMLタグは使えません>>1 ▼画像添付(4個まで選択可) サクッとコメント スレッドへ 掲示板TOPへ ALICE+サポート