傍点(文字の下に点を付ける)を使いたいのですが?

[上に] [前に] [次に]
ASURA [E-Mail] [HomePage] 2000/06/04(日) 03:41:41
ど〜も、初めましてASURAともうします。
今、ボクが所属しているサークルのHPを作っているのですが、
もらったデータ(Word)には傍点(文字の下に点を付ける事)
というフォント修飾設定があり、HTMLで表現できず困っています。

要はこんな文章をいつ改行が入るか分からない<P>タグ内で使用
  ・・・
したいのですが、専用のタグがあるかもしくは別の良い方法はあ
りますでしょうか?

よろしくお願いします。

2000/06/04(日) 03:53:43
上に表示する方法ならありますけど、下ですか。
何かあったかなあ?

SA 2000/06/04(日) 04:02:39
スタイルシートで
border-bottom-style:dotted
というのはどう?
ちょっと無理があるかな。

SA 2000/06/04(日) 04:09:00
具体的に書くと、
<span style="border-bottom:thin dotted #000">下に点がある</span>
という感じです。
一つの文字に点は一つだけですか?

ASURA [E-Mail] [HomePage] 2000/06/04(日) 04:46:36
早速の対応ありがとうございます。
>上に表示する方法ならありますけど、下ですか。

 下につけたいです。ただ、強調したい意味で使っているので
方法がなければ上に点でも可だとは思います。

----------------------------------------------------
><span style="border-bottom:thin dotted #000">下に点がある</span>
 教えていただきありがとうございます。
 ちょっと確認してみたのですが、こちらの環境では表示できませんでした。
 スタイルシートの使い方はよく分かってはいないのですが、スタイル設定し
たいタグの属性だけ指定すれば大丈夫ですよね?
 別タグ(メタタグとか)には設定が必要なんでしょうか?

 ちなみに確認しているブラウザは NC4.5とIE4.0です。
----------------------------------------------------
>一つの文字に点は一つだけですか?
はい、そうです。

2000/06/04(日) 05:00:24
アンダーライン or ボールド or 表示色 では?

ASURA [E-Mail] [HomePage] 2000/06/04(日) 05:16:49
対応ありがとうございます
-----------------------------------------------------------
>アンダーライン or ボールド or 表示色 では?

 確かに普通の文書でしたらおっしゃるとおりなのですが、掲載したい
文書が小説なので、下手に色を変えると雰囲気を壊してしまうのです。
 アンダーラインも同様で、一応試してみたのですが、あまりしっくり
こないのです。
 (ここは作者の感性の問題なので、一応アンダーライン AND イタリック
  で表示した文書でチェックしてもらっています)
 また、ボールド or イタリックでは長い文章の一部だけだと見分けづ
らいという難点があります。
 文字の大きさを変えるのも、アンダーラインや色替えの問題と同様に
文書の雰囲気を壊しかねません。
 そう言った問題で、出来れば傍点で表記したいのです。

 まあ、スタイルシートが理解できていれば表現できるのかもしれない
のですが、まだ勉強していないため使うことが出来ていません。

sadahiro 2000/06/04(日) 12:58:48
表現力を重視したいなら、Wordファイルをそのままアップして
ダウンロードして見てもらうというのではだめですか?
もちろんWord形式のファイルを読めない環境の人は読めませんが。
さもなければAcrobatでしょうか(これもプラグインがない人には入れてもらう必要がある)。

SA 2000/06/04(日) 17:16:12
IE4ではdottedをsolidと解釈するので(バグではありません)、前に挙げた方法ではできません。
また、rubyも使えないので偽さんが提案しようとした方法も使えないでしょう。
で、考えたのですが・・・

点が描かれた画像(dotbg.png)を用意して、
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
p{font-size:13px;font-family:monospace;line-height:1.5;text-indent:1em}
em.dot{font-style:normal;padding-bottom:3px;color:#000;
background:#fff url("dotbg.png") repeat-x fixed bottom left}
-->
</style>
とし、
<p>文中の強調部分に<em class="dot">点が欲しい</em>。</p>
とすれば半ば強引にできるかもしれません。
ただし、フォントサイズをピクセル単位で固定したり、
画像を表示させない設定では無効であるなど、いろいろと問題があります。

やはり、否さんの提案するような方法が妥当ではないでしょうか?
私は色付二重下線あたりを勧めたいです。

2000/06/05(月) 00:27:06
> また、rubyも使えないので偽さんが提案しようとした方法も使えないでしょう。
ですね。
でも、せっかくだから書いておきます。
今のところIE5専用ですがRUBY要素を使うという手があります。
<ruby><rb>上に点がある</rb><rp>(</rp><rt>・・・・・・</rt><rp>)</rp></ruby>

ASURA [E-Mail] [HomePage] 2000/06/05(月) 15:07:05
 対応ありがとうございます。
 作者と相談した結果、傍点はあきらめ、アンダーラインのみで
強調する事にしました。

----------------------------------------------------------
> 表現力を重視したいなら、Wordファイルをそのままアップして
> ダウンロードして見てもらうというのではだめですか?
> もちろんWord形式のファイルを読めない環境の人は読めません
> が。さもなければAcrobatでしょうか

 多分、表現力をメインにするのであれば、 Word ファイルのア
ップや Acrobat プラグインの活用が有効だとボクも思います。
 ただ、その分 HTML の利便性や情報共有性が損なわれてしまう
ので、痛し痒しといった所でしょう。今回は HTML の中で出来る
限り表現を行いたかったので、Word ファイルや Acrobat は利用
を見送ります。

-----------------------------------------------------------
> IE4ではdottedをsolidと解釈するので(バグではありません)、
> 前に挙げた方法ではできません。
> また、rubyも使えないので偽さんが提案しようとした方法も使
> えないでしょう。で、考えたのですが・・・
>
  〜 中略 〜
>
> やはり、否さんの提案するような方法が妥当ではないでしょう
> か?  私は色付二重下線あたりを勧めたいです。

 スタイルシートを利用すると、色々な表現が出来るみたいです
ね。ただ、ちょっとリスクが高そうです。今回は否さんの提案に
従ってアンダーラインで行くことにします。

 で、ちょっとお聞きしたいのですが、二重下線ってやはりスタ
イルシートで表現するんですか? それと、点線って表現する方
法はありますか?

-----------------------------------------------------------
> 今のところIE5専用ですがRUBY要素を使うという手があります。
> <ruby><rb>上に点がある</rb><rp>(</rp><rt>・・・・・・
> </rt><rp>)</rp></ruby>

 IE 5 では RUBY が使えるんですね。NN がメインなんで、そう
いうタグがあるのが気づきませんでした。
 ただ、 NN メインですから、自宅などでチェックしていると自
分の思ったとおりに表現できているかが分からないので、やはり
今回は利用を見送ります
 (ルビ機能自体はいつか使ってみたいけどなぁ…、いつか NN
でもサポートしないかなぁ)

SA 2000/06/05(月) 23:32:59
> スタイルシートを利用すると、色々な表現が出来るみたいです
>ね。ただ、ちょっとリスクが高そうです。今回は否さんの提案に
>従ってアンダーラインで行くことにします。

アンダーラインなら
text-decoration:underline
で実現できます。

> で、ちょっとお聞きしたいのですが、二重下線ってやはりスタ
>イルシートで表現するんですか? それと、点線って表現する方
>法はありますか?

二重下線は最初のと同じように
border-bottom:medium double #00f
とします。ボーダーが二重線なんです。

最初のが、dotted、つまり点線です。
IE4では表示できません。

ASURA [E-Mail] [HomePage] 2000/06/07(水) 04:03:21
[[解決]]
対応ありがとうございます。
 一応、ボク自身のQAが解決しましたので、これで解決とさせて
もらいます(これ以上の話になると、青ラウンジの話になりそうな
んで…)。
 いろいろとありがとうございました。

--------------------------------------------------------
> アンダーラインなら
> text-decoration:underline
> で実現できます。

 いや、スタイルシートではなく、<U>タグで表現します。
 スタイルシートでは、ボク自身がイメージがわかないし、メンテ
ナンス性から言うと、タグオンリーの方がメンテナンス性がいいの
で、スタイルシートそのものの利用は今回は見送ります。

--------------------------------------------------------
> > で、ちょっとお聞きしたいのですが、二重下線ってやはりスタ
> >イルシートで表現するんですか? それと、点線って表現する方
> >法はありますか?
>
> 二重下線は最初のと同じように
> border-bottom:medium double #00f
> とします。ボーダーが二重線なんです。
>
> 最初のが、dotted、つまり点線です。
> IE4では表示できません。

 ちょっとやってみたんですが、うまく動かなかったです。
 color: red や text-decoration:underline はうまく動くんです
けどね…。やり方まずいのかな…。
 今度、手直しする時にもう一度挑戦してみます。
 ありがとうございました。

SA 2000/06/07(水) 06:44:38
> いや、スタイルシートではなく、<U>タグで表現します。
なるほど。<U>を忘れてました。
普段は一番簡単なStrictしか使わないもので。
> スタイルシートでは、ボク自身がイメージがわかないし、メンテ
>ナンス性から言うと、タグオンリーの方がメンテナンス性がいいの
>で、スタイルシートそのものの利用は今回は見送ります。
作者に「やっぱり斜体にして」と言われなければいいですね。
次回に期待しています。

> ちょっとやってみたんですが、うまく動かなかったです。
> color: red や text-decoration:underline はうまく動くんです
>けどね…。やり方まずいのかな…。
すみません。
もしかしたら、IE4ではインライン要素にはきかないのかもしれません。

[上に] [前に] [次に]