OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

ホームページビルダーと文字のサイズについて

  • すぐに回答を!
  • 質問No.227962
  • 閲覧数121
  • ありがとう数2
  • 気になる数0
  • 回答数6
  • コメント数0

お礼率 6% (58/897)

現在ホームページビルダー6を使ってHPの作成をしています。ここで問題が発生しました。たまに作成の途中でインターネットの画面上でできばえを確認するのですが、文字のサイズ「小」の時には普通に作成画面どうりの文字列になるのですが、文字のサイズ「中」にすると文字が、あるところで折り返されてしまって、大変見栄えが悪くなってしまいます。文字のサイズが「小」の時と「中」の時が全く同じく画面に表示させられて、かつ文字が折り返らないようにはどうしたらよいのでしょうか?
通報する
  • 回答数6
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全6件)

  • 回答No.2
レベル14

ベストアンサー率 49% (1127/2292)

折り返したくない文字列全体を<PRE>~</PRE>でくくれば、少なくとも文字の大きさや文章の長さにかかわらず「絶対折り返されない文書」は作れます。 ただし、<PRE>タグでくくられたHTML文書は、利用者の環境によっては非常に閲覧しづらくなる可能性があることに留意ください。 小さなウィンドウサイズ+大きなフォントで閲覧していると、非常に長い横スクロールバーがで ...続きを読む
折り返したくない文字列全体を<PRE>~</PRE>でくくれば、少なくとも文字の大きさや文章の長さにかかわらず「絶対折り返されない文書」は作れます。

ただし、<PRE>タグでくくられたHTML文書は、利用者の環境によっては非常に閲覧しづらくなる可能性があることに留意ください。
小さなウィンドウサイズ+大きなフォントで閲覧していると、非常に長い横スクロールバーができてしまい、横に横に流していかないと全文が読めません。

長い文章を<CENTER>タグなどでセンタリングしない、など、改行が発生しても読みにくくならない配慮をする方が、どんな人にとっても優しいページ作りといえます。
  • 回答No.1
レベル12

ベストアンサー率 38% (191/491)

フォントはわかりません(あるのかな?無いと思いましたが) レイアウトは 表の中に書いてしまえば崩れることはないと思いますけど。 <TR> <TD><BR></TD> </TR> の感じで
フォントはわかりません(あるのかな?無いと思いましたが)

レイアウトは 表の中に書いてしまえば崩れることはないと思いますけど。

<TR>
<TD><BR></TD>
</TR>
の感じで
  • 回答No.3
レベル12

ベストアンサー率 29% (242/823)

改行をさせないなら<NOBR>~</NOBR>でその文字を囲めば改行されません。 ですが、作成した人の環境と見る人の環境が必ずしも"同じ"とはならないので 解像度が違う人にも、またデフォルトの文字の大きさを変更している人にも 読みにくくならないようにするのが良いページと言えるのではないでしょうか? 文字で見栄えをよくするならば、<TABLE ...続きを読む
改行をさせないなら<NOBR>~</NOBR>でその文字を囲めば改行されません。

ですが、作成した人の環境と見る人の環境が必ずしも"同じ"とはならないので
解像度が違う人にも、またデフォルトの文字の大きさを変更している人にも
読みにくくならないようにするのが良いページと言えるのではないでしょうか?

文字で見栄えをよくするならば、<TABLE>タグを使用して、枠線を"0"にして
枠線を無くした状態にすれば、ある程度の解像度でも耐えられると思います。
(横幅(WIDTH)はピクセル指定ではなく、"%"で指定することで横スクロールを
する必要もなくなりますし。)
また、必要以上に改行も入れなければ、テーブルの幅で勝手に改行してくれるので
見栄えも良いのではないでしょうか?

私は結構多用してしまう"Tips"ですけど。
  • 回答No.4
レベル9

ベストアンサー率 55% (53/96)

ビルダーだけで作成しているのであれば、 表(テーブル)中の一番中側の文字列で、TDの属性で『自動的に行を折り返す』のチェックをはずします。
ビルダーだけで作成しているのであれば、
表(テーブル)中の一番中側の文字列で、TDの属性で『自動的に行を折り返す』のチェックをはずします。
  • 回答No.5
レベル14

ベストアンサー率 68% (2350/3407)

> 文字のサイズが「小」の時と「中」の時が全く同じく画面に表示 こんなものを作ってみました。<BODY></BODY>の間の入れて確認してみてください。 <P style="font-size : 21px;">あいうえお:「最大」相当</P> <P style="font-size : 12pt;&q ...続きを読む
> 文字のサイズが「小」の時と「中」の時が全く同じく画面に表示

こんなものを作ってみました。<BODY></BODY>の間の入れて確認してみてください。

<P style="font-size : 21px;">あいうえお:「最大」相当</P>
<P style="font-size : 12pt;">あいうえお:「中」相当</P>
<P style="font-size : 10pt;">あいうえお:「最小」相当</P>
<P>あいうえお</P>

ページ全体で文字の大きさを変えたくない場合は,</HEAD>の直前に下のやつを挿入してください。(文字の大きさは,「中」表示相当です。数字を変えることで大きさを変更できます)

<STYLE type="text/css">
<!--
P{
font-size : 12pt;
}
-->
</STYLE>

ここでは,<P>のタグに対するスタイルを指定しています。他の者でもスタイル指定できますので,タグ編集のとき「スタイル」ボタンが現れれば,これを押すことでスタイルを指定できます。
また,文字の大きさを「ポイント」で指定してますが,他の指定方法も選べます。

長い文章を絶対に折り返しなしで表示させたいときは,ホームページビルダー6を使っているのですから,ページを「どこでも配置モード」で作成することで,この問題は解決できます。
もちろん,スタイル指定で文字の大きさを固定している場合だけですよ。

しかし,他の回答者も書いていますが,kyoronの製作環境であなたのホームページを閲覧する人が見ているわけではないのです。
モニター解像度だって,人それぞれです。
また,強度の近視や弱視,老眼の方も閲覧しています。
そのあたりも考えて製作していただければ幸いです。
  • 回答No.6
レベル14

ベストアンサー率 68% (2350/3407)

gakushanekoです。<BODY></BODY>の間の入れて確認してもらうものに少し誤りがありました。 下のものを使って確認してください。 <P style="font-size : 16pt;">あいうえお</P> <P>あいうえお</P> <P style="font-size ...続きを読む
gakushanekoです。<BODY></BODY>の間の入れて確認してもらうものに少し誤りがありました。
下のものを使って確認してください。

<P style="font-size : 16pt;">あいうえお</P>
<P>あいうえお</P>
<P style="font-size : 12pt;">あいうえお</P>
<P>あいうえお</P>
<P style="font-size : 10pt;">あいうえお</P>
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ