- ベストアンサー
画像の位置がずれてしまいます
shigatsuの回答
いくつか方法があると思うんですが、簡単なところでは 画面全体をテーブルでレイアウトするってやつです。 テーブルを構成するタグ（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>
- 締切済み
- HTML
- ＨＰの画像の位置について
今携帯のサイトを作っているのですが、右側に画像を貼り、その画像の左側に文字を置くことは出来ないのでしょうか？ <DIV ALIGN="right"><IMG SRC="ＸＸＸ.jpg" alt="top"></DIV> ＝文章＝ のようにするとどうしても画像の下に文字が来てしまいます。。
- 締切済み
- HTML
- 背景画像にリンク
背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に２分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を２分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 （IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください＾＾；）
- 締切済み
- HTML
- ページ内の位置について
１ページ内に文章、画像ファイル、リストボックス、テキストボックスなどなど・・・の、ページを表示しているとき、ウィンドウのサイズを小さくしたとき、文章と画像ファイルが重なったり、リストボックスの下に文章があったりと、位置関係がめちゃくちゃになってしまいます。 解消法を教えて下さい。 リストボックスとテキストボックスの位置はページ内の指定したい位置におきたかったので、スタイルーシートで強引に位置情報を固定しています。これが、原因なのでしょうか。
- 締切済み
- CSS
- 画像の位置
HPのトップページに画像を載せたいんですが、 画像を好きな位置に載せて、その横に文章を書きたいんです。 画像だけは好きな位置にしようと思えばできるんですが、 どうしても文章が離れてしまったり、すぐ横に書けないんです。 わかる方、ぜひ教えてください。
- 締切済み
- Windows XP
- 文字位置
いつもこちらで助けられています。 今、ホームページを作成中です。 CSSで、文字位置を指定したいのですが、 ホームページ作成サイトなどを見ると、 たとえば… .navi3{ text-align:right; } とありましたが、これでは、右よりにならず、左よりの通常になってしまいます。 どうすればいいでしょうか？ 教えて下さい、よろしくお願いいたします。
- 締切済み
- レンタルサーバ・ASP
- ＨＰ作成のタグ「文字も画像も同列に揃える」には？
画像を真ん中に持ってきて、その画像をはさんで左右に文字を入れてみたいのです。例をあげると 「文字」「画像」「文字」 のような感じにしたいのです。 まず画像を<P align="center">で真ん中に固定した後 文字を<P align="left">や<P align="right">で 書いてみても、画像の下に文字が来るので 「画像」 「文字」 「文字」 と縦一列になってしまい、思うようにできません。 説明がわかりにくくて申し訳ないですが、 この方法をご存知の方、どうぞ教えていただけますか。
- ベストアンサー
- その他（インターネット・Webサービス）