• ベストアンサー
  • 困ってます

画像の位置がずれてしまいます

画像を入れて、align=rightと入れても文字サイズを変えたり、左の(検索とかの)フレームを消してプラウザを広くしたりするとページデザインがばらばらになってしまい、画像位置がずれてしまいます。 画像及び文章を固定してしまう方法をぜひ教えてください

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数331
  • ありがとう数1

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

  • ベストアンサー
  • 回答No.1

いくつか方法があると思うんですが、簡単なところでは 画面全体をテーブルでレイアウトするってやつです。 テーブルを構成するタグ(td,tr等)は、幅をピクセル 値で固定できるので、それを使って自分が思ったとおり の幅で固定することが可能です。 但しこの場合画像サイズ指定なども固定値で指定してお いたほうが綺麗に行くと思います。 ちょっと高度なワザになるとスタイルシートを使う手が あります。 簡単に説明すると、透明なフィルムに文字や画像を貼り つけ、それを画面上の好きな位置に配置できるものです。 JavaScriptを使ってアクティブに動かすこともできます し、画像と文字を重ねて表示することも可能です。 但し、古いブラウザだと正しく表示されない場合があり ます。 いずれの技術もインターネットで検索すると色々詳しく 載っていますので探してみてください。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • ウィンドウサイズと文字の表示位置指定

    縦2分割フレーム(フレームサイズは固定)のページの左側のコンテンツメニュー一覧を置いてます。 文字は今現在左寄せ指定です。 そのメニュー一覧文字の見え方を、左寄せ・ウィンドウ底辺合わせのデザインにしたいと思ってます。 その場合閲覧する方が任意の大きさにウィンドウの縦サイズを変えても、「底辺合わせ」を保つにはどうしたら良いでしょうか? (ウィンドウに下部に文字が固定される感じです) 背景画像とかだとできるのですが文字も可能でしょうか? 現在タグは以下です。 . . . <BODY> <P align="right"><BR> <A href="***.html" target="1">1</A><BR> <A href="***.html" target="1">1</A><BR> <A href="***.html" target="1">1</A><BR> </P> </BODY> </HTML>

  • 画像の位置

    お世話になります。 ホームページ上に画像を載せるとき、左にちょっと間隔を開けて載せたいのですが、どうすればいいでしょうか。 align=""がleft,center,rightしか分かりません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPの画像の位置について

    今携帯のサイトを作っているのですが、右側に画像を貼り、その画像の左側に文字を置くことは出来ないのでしょうか? <DIV ALIGN="right"><IMG SRC="XXX.jpg" alt="top"></DIV> =文章= のようにするとどうしても画像の下に文字が来てしまいます。。

  • 背景画像にリンク

    背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に2分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を2分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 (IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください^^;)

  • 文字位置

    いつもこちらで助けられています。 今、ホームページを作成中です。 CSSで、文字位置を指定したいのですが、 ホームページ作成サイトなどを見ると、 たとえば… .navi3{ text-align:right;   } とありましたが、これでは、右よりにならず、左よりの通常になってしまいます。 どうすればいいでしょうか? 教えて下さい、よろしくお願いいたします。

  • HP作成のタグ「文字も画像も同列に揃える」には?

    画像を真ん中に持ってきて、その画像をはさんで左右に文字を入れてみたいのです。例をあげると 「文字」「画像」「文字」 のような感じにしたいのです。 まず画像を<P align="center">で真ん中に固定した後 文字を<P align="left">や<P align="right">で 書いてみても、画像の下に文字が来るので 「画像」 「文字」 「文字」 と縦一列になってしまい、思うようにできません。 説明がわかりにくくて申し訳ないですが、 この方法をご存知の方、どうぞ教えていただけますか。

  • 画像の位置は?

    画像の位置を決めるタグを知りたいです…。 真ん中に画像をおくタグや、画像は左で文字が右になるタグ などありませんでしょうか??

  • htmlでテキストの右側に画像を、回り込みさせる

    htmlでテキストの右側に画像を、回り込みさせたいです。 その際、左側にある文章の終わり、 すぐ後に画像が表示されるようにしたいです。 <img src=" " align="right"> とかだと、 文章 画像 というように、右側の端に画像が行ってしまいます。 ページの真ん中に、 文章 画像 という風にしたいです。 どのような記述でできるでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 画像の位置を指定するCSS

    画像の位置を指定するCSS 文字の前にポイント画像を<img src="~.gif" alt="" />のタグで置きたいんですが、ずれて文字の上のほうに表示されてしまいます。 すごく簡単に文字の中央に表示されるように指定できるCSSのタグがありますがどんな記述だったか忘れました。 検索しても出てこないので困ってます。 どなたか教えてください。 ちなみに background: url(hogehoge.gif) no-repeat 10px 0.5em;list-style: none;} これではないです。 もっと簡単でtext-alignのようなかんじの記述です。でもtext-alignではないです。 middleみたいな記述があった記憶があるのですが確かかどうか自信ないです。

    • ベストアンサー
    • HTML
  • ページ内の位置について

    1ページ内に文章、画像ファイル、リストボックス、テキストボックスなどなど・・・の、ページを表示しているとき、ウィンドウのサイズを小さくしたとき、文章と画像ファイルが重なったり、リストボックスの下に文章があったりと、位置関係がめちゃくちゃになってしまいます。 解消法を教えて下さい。 リストボックスとテキストボックスの位置はページ内の指定したい位置におきたかったので、スタイルーシートで強引に位置情報を固定しています。これが、原因なのでしょうか。

    • 締切済み
    • CSS

専門家に質問してみよう