プロが教えるわが家の防犯対策術!

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

A 回答 (6件)

フォントはわかりません(あるのかな?無いと思いましたが)



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

<TR>
<TD><BR></TD>
</TR>
の感じで
    • good
    • 0

折り返したくない文字列全体を<PRE>~</PRE>でくくれば、少なくとも文字の大きさや文章の長さにかかわらず「絶対折り返されない文書」は作れます。



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

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

改行をさせないなら<NOBR>~</NOBR>でその文字を囲めば改行されません。



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

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

私は結構多用してしまう"Tips"ですけど。
    • good
    • 0

ビルダーだけで作成しているのであれば、


表(テーブル)中の一番中側の文字列で、TDの属性で『自動的に行を折り返す』のチェックをはずします。
    • good
    • 0

> 文字のサイズが「小」の時と「中」の時が全く同じく画面に表示



こんなものを作ってみました。<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の製作環境であなたのホームページを閲覧する人が見ているわけではないのです。
モニター解像度だって,人それぞれです。
また,強度の近視や弱視,老眼の方も閲覧しています。
そのあたりも考えて製作していただければ幸いです。
    • good
    • 0

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>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!