• ベストアンサー

ウインドウを縮小しても文字をずれなくしたい

html初心者です、宜しく御願いします。 “タイトル・・・・・・・”という文字を横一列に表示させた後、ウインドウの画面を縮 小すると文字が縦方向にずれます。 これを「ウインドウを縮小しても文字が隠れても良いので、文字が縦方向に移動しないようにしたい」のですがどの様にすればよいのでしょうか。 ボーダーを作って、その中に文字を入れてやっても、文字は同じようにずれてしまいまし た。 これを防ぐにはどの様なやり方があるのですか。 CSSで描いています。 以上宜しく御願いします。

  • htgo
  • お礼率33% (407/1224)
  • HTML
  • 回答数4
  • ありがとう数13

質問者が選んだベストアンサー

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.3

「見栄えを定義する場合はCSSで」 というのが推奨されてます。 ので、 <html> <body> <div style="white-space: nowrap;"> タイトル・・・・・・・ </div> </body> </html> とか。

その他の回答 (3)

回答No.4

文字がずれないようにするには たとえばこれですね↓ <nobr>(´・ω・`)</nobr> 顔文字とかよくずれてしまいますが このタグを入れることによって崩れませんよ 小さくしすぎるとさすがにずれてしまいますが・・・・

  • Suzi
  • ベストアンサー率38% (130/334)
回答No.2

nowrapを使えば一応htgoさんのご希望通りになりますよ。 <table width=1%> <tr>  <td nowrap>タイトル・・・・・・・</td></tr> </table>

回答No.1

Q3444346-1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>Q3444346 TestCase 1</title> <style type="text/css"> p#hoge{ min-width:15em; background-color:red; } </style> </head> <body> <p id="hoge">ポイゾンギアン(不死系)</p> </body> </html> Q3444346-2.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>Q3444346 TestCase 2</title> </head> <body> <p><a href="Q3444346-1.html" target="_blank">ウィンドウ</a></p> </body> </html> とか・・・・ #あれ、ポイゾンギアンって不死系だっけ

関連するQ&A

  • エクセルで文字列を縦方向にした場合、数字のみ横方向にする仕方

    エクセル2007を使っていますが、文字列の方向を縦にした場合、数字も同時に縦書きになってしまいます。(例えば6月25日と記入し文字列を縦方向にした場合、2と5が横ではなくて縦に一列になってしまう。) この場合、2と5だけ横方向であとは縦方向にするにはどうすればいいですか?

  • ホームページ作成(ウィンドウを縮小すると・・・)

    最近ホームページを作り出したのですが、いきなり困っています。ホームページ作成に関する質問は2度目ですが、よろしくお願いします。 画像を5つ横一列に表示させたのですが、ブラウザを開き、ウィンドウを縮小すると、1列に並んでいた5つの画像が上下に別れて表示されてしまいます。上に3つ並んで、ウィンドウに納まらなかった2つの画像はその下の列に表示されてしまいます。 ウィンドウを縮小しても、スクロールバーなどを使うなどして、画像を1列に保つ方法はありますか? よろしくお願いします

  • Wordpress CSS ウィンドウサイズ

    ウィンドウサイズを小さくするとそれに合わせて配置してある画像やメニューバーやコンテンツ部分が動くようにしたいです。 ウィンドウを縦方向に小さくしても何も動かず横方向へ小さくすると一定の所まで移動した後、画面外へ消えるようにしたいです。 (ソフトバンクのようなホームページみたいな感じです。) Wordpressで作っているのですが、こういった動作をさせるためにはCSSをいじればいいのでしょうか? Stinger3というテーマを使って画像を配置して試してみたのですが、ウィンドウサイズを小さくした時にその画像だけ他より速く左まで行ってしまったり、ヘッダー画像に覆いかぶさったりしてしまいます。 どういったコードを書けば出来るのでしょうか?教えてください。

    • ベストアンサー
    • CSS
  • ウィンドウの縮小拡大ができません。

    タイトルの通りですが、コメントビュア(nwhois)で最大化は出来るのですが (タスクバーでイメージ表示をさせてそこを右クリックで最大化タブで) 最大化したウィンドウで縮小ボタンを押すと見えなくなります。(最小化ボタンではありません) どこか少しでもでていれば移動できそうなのですが画面のどこにも表示されておらず 下のタスクバーから最大化するしかウィンドウを表示することができません。 やはり、再インストールするしかないのでしょうか?

  • ウィンドウの大きさに合わせて拡大縮小するサイトが作りたい

    ウィンドウの大きさに合わせて拡大縮小するように表示するにはどうすればいいでしょうか? ブラウザのサイズによって画像全部が拡大したり、縮小されたりするやり方はどうすればいいのでしょうか? 今作成しているサイトは、Dreamweaverで作成した 横1000ピクセル縦600ピクセルのサイトです。 ブラウザの小さいものには下が切れてしまい、 ブラウザの大きいものは下がかなり空いて見えるようです。 ブラウザのサイズによって拡大して見えたり、縮小して見えたりするには どうすればよろしいでしょうか? 分かる方どうかよろしくお願いいたします。

  • 印刷すると、縮小されてしまう?

     以前は正しく印刷されていたのですが、先日から突然、印刷すると縦方向に約50%、横方向に約80%縮小されたものになってしまいます。設定で確かめて、プレビューでも正しく表示されているのにかかわらずです。どなたかご教示ください。ちなみにOSはWindowXP、プリンターはCanon BJC-240Jです。

  • WINDOWS7 左下タスクバーの表示画面

    よろしくお願いします。 7になって左下に今使用しているアイコンが並ぶようになりましたね。 それは変わらないのですが、 そのアイコンにマウスを持っていくと、 昨日まではミニ画面が横一列にズラっと並んでいたのに、 今日は文字だけの説明で縦一列並んでいます。 なぜ??どこを設定したとか全然記憶にないのですが。 もとのミニ画面表示に戻すやり方教えてください!!

  • イラレでの文字。文字の高さよりも大き過ぎるパウンディングボックス

    イラストレーターでの文字入力した後、移動や縮小をしようと思い、選択ツールによりパウンディングボックスで囲んでみると、文字の高さよりも非常に広く(高く)囲まれてしまっていることがあります。その時、パウンディングボックスを縦方向に縮めてみても、枠の大きさは正常に縮まりますが、文字らサイズは連動せず、ある程度枠を縮めるとそこから先は文字が消えてしまいます。どうすれば、文字とほぼ同じ大きさのパウンディングボックスの表示ができるのでしょうか? よろしくお願いします。

  • ウインドウについて

    ウインドウを縮小したとき、例えばマイドキュメントのウインドウを縮小したとき、表示しきれない場合、横にスクロールバーが出ます。それを縦のスクロールバーに変更したいのですが、設定変更できますか?縦長にしても横長にしても、横スクロールになってしまいます。 よろしくお願いします。

  • evernoteの横縮小ができない

    evernote5.9.0にバージョンアップしたのですが、画面サイズの縦縮小はできるのですが、横縮小ができません。以前のバージョンではできたのですが、どうしてできなくなってしまったのでしょうか。このため、画面サイズが大きなままの使用で不便でなりません。この方面に詳しい方、よろしくご教示ください。