WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:1行の文字数の設定方法

0:[投稿] ぷよきち [2003/03/26 16:01 ][環境:WIN2000 わからない]

初めまして、よろしくお願いします。

顧客から出版している学術書籍の紹介をホームページにするとのことで、作成中なのですが、紹介文(目次や価格など)のところで「1行は33文字で10行。変更は不可」という指定があります。

当初、33文字ずつ改行しても揃わないからスタイルシートで何かないかと調べていました。表組みにして「均等揃え」「文字間隔」など試してみましたが全く変わらなかったり、間隔があきすぎたりと失敗に終わりました。

最悪できない場合は、行尾は揃わないことを納得してもらって作成続行したほうがいいのか…と悩みました。。。

ホームページチェックしている私のブラウザは「IE6」「NN7.02」が主です。

何か対策方法などがありましたら、ご回答をお願いします。


1:[回答] 薫 [2003/03/26 16:52 ]

font-family:monospace はどうでしょう。


2:[質問] ぷよきち [2003/03/26 17:17 ]

薫様。回答有難うございます。

早速試しました。「IE」では完璧でしたが、「NN7.02」では
変わらず、行尾が揃いませんでした。。。

何か「NN」対策があればよろしくお願いします。

また素人丸出しで申し訳ありませんが、ちなみに「monospace」というのは、共通書体というような意味なのでしょうか?


3:[回答] 薫 [2003/03/26 17:57 ]

monospace = 等幅フォントとなります。
具体的にフォントを指定しているわけではなく、
(多分)ブラウザに設定されているフォントを使用する事となるので、
環境によって左右されます。
下記をご参考までに。
http://tadasuke-web.hp.infoseek.co.jp/css/room_text.html#A_FONT_FAMILY

フォント名を指定する方法もありますが、N4では2バイト文字が使えないので、
{ font-family:'MS Gothic','Osaka',monospace }
と、英語表記(?)する必要があります。
# スペル自信なし...


4:[完了] ぷよきち [2003/03/27 10:34 ]

薫様。回答有難うございます。

参考URLも提供していただきありがとうございました。
それをもとに記述してみました(スペルOKです^_^)。

<STYLE type="text/css">
<!--
.m33{
 font-family:'MS Gothic','Osaka',monospace;
 line-height:14pt;
}
-->
</STYLE>

そしてブラウザチェックすると、「NN7.02」はやはり変わりませんでした。
自分の「NN」環境設定を確認すると「MSゴシック」で問題なかったんですけど…。

でも顧客のお客様や不特定多数の環境までは対応に限界あるのかなと思い、顧客に説明してみることにします。
(1行33文字は改行して「NN」でも読めるし…)

また何かありましたらよろしくお願いします。


5:[関連] 薫 [2003/03/27 11:51 ]

自分の環境(win2k/N7.02)では等幅になったのですが...
ホントに左右されるようですね。
それはそうと、Osakaは等幅じゃなかったような気が(汗


6:[関連] ぷよきち [2003/03/27 14:34 ]

薫様。再度有難うございます。

実はサンプルとして転送したものを液晶モニタとCRTでブラウザチェックしてみたんです。結果「Oh〜No!」って感じでしたT-T

http://www.h5.dion.ne.jp/~dogeyes/sumple/shisaku_0327_01.html
http://www.h5.dion.ne.jp/~dogeyes/sumple/shisaku_0327_02.html

CRTだと「01.html」で、液晶だと「02.html」が見栄え良い&読みやすいかなと思いました。。。
ホント環境によって違うなぁって感じでした。
「IE」「NN」以前に、やっぱり顧客にどっちか選んでもらおうと思います。。。

はうっ!・o・ Osakaは提供URLに何も書いてなかったからやっぱり違うのかもしれません… --;

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World