• 締切済み

文字を動かさないようにする方法

はじめまして。 現在dreamweaverMXでHP作成をしているのですが、どうしてもわからないことがあるので質問させていただきます。 文字(テキスト)に関することです。 通常文章を打ってある程度のパラグラフとして作成するんですが、それをブラウザで見ているときに、例えばお気に入りや履歴を出したり、ウインドウの大きさが小さかったりすると、その文章が途中で勝手に改行されてしまいますよね。 絵と文章の組み合わせに関してもいえると思います。 表示部分が小さくなっても、文字や絵の配置を全く変えないようにするにはどうしたらいいのでしょうか。 CSSスタイルを利用するのだとは思うのですが、CSSに関しては知識が全くないためよく理解できないんです。 どなたかお分かりなら回答よろしくお願いします。

みんなの回答

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.3

全体のサイズを決めて、 overflow:scroll にするとか

全文を見る
すると、全ての回答が全文表示されます。
  • oryaaaaa
  • ベストアンサー率35% (75/211)
回答No.2

TABLEタグを使ってる参考書は古いです。いまはXHTML+CSS2で 書くのが主流です。海外のサイトを研究する法が速い、本を読んでも あまり理解出来ないと思う。なぜなら海外のサイトは本に書いてない ような裏技をたくさん使っているからです。

全文を見る
すると、全ての回答が全文表示されます。
noname#20925
noname#20925
回答No.1

>CSSスタイルを利用するのだとは思うのですが、CSSに関しては知識が全くないためよく理解できないんです。 では、CSSについて(ひと通り、で構わないので)勉強してください。 でないと、このサイトで回答が得られても、 結局は「付け焼刃」になってしまいます。 結果的には、自分で勉強する方が正解。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 文字がずれてしまうのは・・・?

    こんにちは。ホームページビルダー8でHP作成をしています。 できたページをブラウザ(ネット上)で見る時、画面いっぱいで見ると作ったとおりで普通なのですが、左側に「お気に入り」や「履歴」等の画面を出すと、その分文章がずれて改行してしまいます。何がなんでも画面上に残ってやるぞって感じで、文字や画像が全部ひとかたまりになってしまうのです。普通のHPだと、改行したりせず自然に右側が画面から外れていきますよね?右側の画面を広げれば広げるほど改行してしまうのですが、これはどうやって直せば良いのでしょうか? ちなみに、モードは「標準」を使っています。あと、作成するときも左右に出る「かんたんナビバー」や「属性ビュー」は非表示にして、画面いっぱいにして作成しています。 超初心者で説明不足な質問なのかもしれませんが、どなたかお教え下さい。お願いします。

  • DreamweaverMX2004 テキスト文字操作

    いつもすみません。 OS:WindowsXP  DreamWeaverMX2004でレイアウトセル内に文字を 打ち込んでいますが、改行すると、1行上の文字たちとすごい間が空いてしまったりとんでもないところから文字が表れたりして苦労してます。 CSSを使ってやろうと考えていますが、どこの設定値を変更すればよいのかわかりません、よろしくお願いいたします。

  • 文字サイズが大きくなってしまう

    CSSで文字サイズを指定しています。  <STYLE TYPE="text/css">   .pt10 {font-size=10.5pt;}  </STYLE>    ・・・  <TD class="pt10"> こんな感じです。 普通はこれでうまく表示されているのですが、あるパソコンだけ、文字が大きく表示されてしまいます。 ブラウザはIE5.5とNC4.7で試してみましたが どちらも同じで、ブラウザの問題では無いと思います。 原因に思い当たることがあれば教えてください。 よろしくお願いします。

  • 文字と文字の間にスペースを欲しい

    文章を表示するときに、文字と文字の間にスペースを欲しいです。 で、スタイルシートで「BODY, TH, TD { letter-spacing: 1px; }」と 指定するとちゃんとスペースが空いて見やすくなるんですが、これをすると改行の<BR>がおかしくなってしまいます。 例えば 「文章1<BR<BR>文章2」 の場合 文章1 文章2 となるんですが、上記のスタイルシートを指定するとIEでは 文章1 文章2 になってしまい、「文章1<BR><BR><BR>文章2」にしなければなりません。しかもOperaで見ると2行分改行された表示になってしまいます。 <P>でも改行できますが、できれば<BR>で解決したいと思ってます。 この問題の解消法、もしくは他の方法があればお願いします。

    • ベストアンサー
    • HTML
  • かなり困ってます!CSSが適用されません…

    WindowsXPでDreamweaverMXを使っています。 body {font-size: 12px;} .px10 {font-size: 10px;} という内容の外部スタイル「css.css」を作り、テンプレートに「css.css」を適用しました テンプレートを元にページをつくり、部分的に <td class="px10">文字列</td> といった感じで適用しました。 Dreamweaver上ではちゃんと適用されているのですが、ブラウザでみてみると文字が小さくなっていません。 bodyの12pxはブラウザ上でもちゃんと適用されています。 何がいけないのか、わかりません。どなたか解かるかたがいたらお知恵をかしてください。

    • ベストアンサー
    • HTML
  • ブラウザをサイズ変更してもコンテンツが乱れない方法

    Webサイトを初めて作っており、現在はヘッダーの部分を作成しております。 「h1」を使い、見出しの文章に背景色も入れたのですが、ブラウザを縮小すると改行してしまいます。 多くのWebサイトでは、カーソルでブラウザの端をクリックしてサイズを変更しても、文章は改行しませんし、全コンテンツは中心によってくれます。 ブラウザを縮小しても文章を改行しない方法と、ブラウザのサイズを変更しても常にコンテンツを中心によせるにはどうしたら良いのでしょうか? HTMLとCSSを使った方法で教えて下さい!! ※ちなみに、現段階では、背景のある見出しと、その下に画像(Webサイトの名前)を置いております。

    • ベストアンサー
    • CSS
  • タグ 絵をセンターに表示させる

    HP作成しています。(メモ帳で) HPのセンターに絵を載せたのですが、ブラウザにお気に入りの画面ありますよね。左に(履歴とか) IE6.0 そのお気に入りを表示している時は絵が真ん中に来るのですが、表示しないと左側によってしまいます。 HPの題名は、文字をセンターに表示させるタグを使っているのですが、絵(画像)の場合はどうするのでしょうか?

    • ベストアンサー
    • HTML
  • Macのieで文字がテーブルからはみ出て表示される

    私は普段、Windowsでホームページを作成しているのですが、 テーブル内のテキストの文字間や行間をスタイルシートで調節すると、 Windowsではどのブラウザでも問題なく表示されるのですが、 Macのie(5.2)で見ると、テーブル内で改行されずに 文字がはみ出して表示されてしまいます。 文字がはみ出ないようにするにはどのようにすればよいのでしょうか? よろしくお願いします。 (例) 【CSS】 td { line-height : 1.5 ; letter-spacing : 0.5em ;} 【HTML】 <table width="50%" border="1"> <tr> <td width="100%"> あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわん。 </td> </tr> </table>

    • ベストアンサー
    • HTML
  • html、cssを使って文頭の位置を指定するには

    html、cssを使ってホームページを作成しています。下記のような配置でタイトルや文章を書きたいのですが・・   タイトル~     文章~ タイトルは左端からちょっと真ん中寄り、文章はタイトルよりも2文字分くらいあけて書き出し・・として、このスタイルが随所にあるので、まとめて設定できたらと思っています。 タイトルと文章の、フォントに関する設定は、別にcssファイルを作成してリンクさせています。試しに文章部分を「左から20pxずらす」と言う意味で下記のように書きましたが、左端に寄ったままです。 <head> (途中省略) <link rel="stylesheet" href="style_1.css" type="text/css"> <!-- .position1{ left: 20px; } --> </style> </head> <body> <div class="position1">文章~</div> ぜひ最適な方法を教えてください。何分html・css、超初心者なのでお手柔らかにお願いします。。    

  • DreamWeaverMXでスタイルシートを使わない方法

    DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか? ご存知の方がいましたらよろしくお願いします。