• 締切済み

写真等を指定の位置に置きたい

ＨＰをテーブルで作っていて、<center>で常に中心にテーブルが来るようにしています。 <div>で作った枠に文章やイメージ画像を入れて、テーブル（ＨＰのフォーマットのように使っています）上の決まった位置に表示したいと思っていますが、<div>で載せてる画像がposition absolute top....と数値指定のようで、常に違う位置に表示されるテーブル位置と合いません。 テーブル位置は<center>で表示したいので、それにあわせて画像を載せられる方法を教えてください。

  • HTML
  • 回答数2
  • ありがとう数2

みんなの回答

noname#23734
noname#23734
回答No.2

position absoluteを止めてtdをtext-align:leftにしてtdのpadding又はimgのマージン又はdivのpadding、marginではダメなんですか？

  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.1

<center><table>でレイアウトって、ちょっと昔の配置方法かなあと。(やってはいけないって事ではないですが。 position: absolute;でなくて、position: relative;で指定すればいいのでは？ →http://www.tagindex.com/stylesheet/box/position.html これを機にスタイルシートで配置する方法を学ばれるのもいいかと思いますが・・。

mutu560
質問者

お礼

ありがとうございました。 助言に従って、スタイルシートを勉強して、なんとか形にすることができました。 だけど、いまいち形がずれたりするので、テーブルとチャンポンで使っています。 なかなか思い通りにいかなくて、難しいですね。 （特に作業上の見た目とブラウザ上の見た目が違う時など）

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 画像を最下段や右端等の位置に％指定で表示したい

    ページのサイズが変わっても何時も同じ比率の位置に表示したいので％で位置指定をすれば良いのかと思い<DIV STYLE="position:absolute; top:100%;"> とすると画像の上側が最下段になり画像が見えません。left:100%の場合も同じですが、100%にすると画像の最下段がヘージの最下段や右画像の右端がページの右端にきたり、50%,50%にすれば画像のセンターがページのセンターに来たりページの任意の位置に％指定で表示出来るようなタグの書き方は無いのでしょうか。お教えください。

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

    HTMLで、画像の位置などを決めるときに、<div align="center"></div>などを使いますが、ＣＳＳやジャバスクリプトで使用している、 position:absolute; 絶対配置 position:relative; 相対配置 position:static; 通常配置（指定しない場合はこれ） position:fixed; 上のようなポジションタグを使う事は可能ですか？ できれば、そのサンプルのようなものを書いてもらえると 助かります。

    • ベストアンサー
    • HTML
  • スタイルシートで位置固定すると、スタイルシートでの改ページ指定ができなくなる

    スタイルシートのpositionを使用して位置固定すると、page-break-beforでの 改ページができなくなります。 位置固定し、かつ、その文字の直前で改ページする方法はないでしょうか？ ブラウザはIE5.5以降を考えてます。 ====================================================================== <html> <body> <div style="position:absolute; top:100px;"> テスト１ </div> <div style="position:absolute; top:150px; page-break-before:always;"> テスト２(この文字の直前で改ページさせたい） </div> <div style="position:absolute; top:200px;"> テスト３ </div> </body> </html> ====================================================================== 宜しくお願いします。

    • ベストアンサー
    • HTML
  • ドロップダウンメニューの位置調整ができません

    body設定は以下の通り body{ margin: 0; padding: 0; text-align: center; 　　　～ 　　min-width: 900px; } このbodyにナビゲーションを設置して ドロップダウンメニューを配置しようとしていますが位置合わせができずに困っています 基本的な質問ですが、教えて下さい サブメニュー（ドロップダウンメニュー）のsccの記載は以下のように記載しました div#subMenu01 {position:absolute; top: 100px; left: 75px;} div#subMenu02 {position:absolute; top: 100px; left: 150px;} 結果、body枠からでなく、ブラウザ枠からの75px,150pxになってしまいます。 position:relativeにしても上下位置は変わりますが左右は変化しません。 どうしたらbody内で位置調整できるのでしょうか？

    • 締切済み
    • CSS
  • このタグですが、ページを右端から左へ縮めても、常に中央に位置させたいのですが、、

    このタグですが、ページを右端から左へ縮めても、常に中央に位置させたいのですが、、、 <BODY> <DIV style="top : 56px;left : 95px; position : absolute; z-index : 1; width : 336px; height : 21px; " id="Layer1" align="center"><FONT size="+4">テキスト</FONT></DIV> </BODY>

    • ベストアンサー
    • HTML
  • htmlについて教えてください

    サイトを一から作っているのではなく、 ショッピングサイトの商品ページの一部分を htmlタグを使って作っています。 macで確認するとレイアウトは問題なくきれいに見れるのですが、 windowsで確認すると画像やテキストが崩れています。 これはなぜなのでしょうか？ このような感じで記述していました。 画像の上に画像を重ねて表示し、テキストをその上に表示したいのですが... <div style="position: relative;"><div align="center"> <img src="http://○○○.jpg" alt=""></div> <div style="position:absolute;left:40px;top:40px"> <b>テキスト</b></div> <div style="position:absolute;left:380px;top:100px;width:240px;"> テキスト</div> <div style="position:absolute;left:60px;top:100px"> <img src="http://○○○.jpg"></div> <div style="position:absolute;left:370px;top:22px"><img src="http://○○○.jpg"></div> </div></div> htmlの知識がほとんどないので、 なるべく易しく説明していただければ有り難いです・・・。 よろしくお願い致します。

  • CSS：画像位置の指定について

    divで囲った枠の中のサイドの部分に同じ画像を上から下まで貼り付けたいのですが、 右端もしくは左端に設定する場合、 background-position:right(もしくはleft) top background-repeat:repeat-y でずらっと表示できると思うんですが、 同じ画像を右端と左端両方に表示するようにも設定することは可能でしょうか？ ↓ ○ ○ ○ ○ ○ 両サイドにこんな感じで同じ画像が表示されるようにしたいのですが…

  • スタイルシートで位置指定したときに表示が乱れる環境

    スタイルシートで位置指定したときに、うまく表示がされない環境について教えてください。 ホームページの中で、部分的に次のような書き方をして位置指定しています。 <SPAN STYLE="position: absolute; top: 40px; left: 10px">～</SPAN> このタグを <BODY> aaaaaaa <BR><BR><BR> <SPAN STYLE="position: absolute; top: 40px; left: 10px">～</SPAN> bbbbbbbbbbbbb <BR>cccccccc </BODY> このような書き方で<BR>タグでスペースを空け、そこに位置指定がくるようにしています。 実際にはテーブルとかフォームのタグ、Javascriptも併用したページになっています。 私の環境のWin98、IE6.0では問題なく表示されているのですが、表示が崩れる環境には具体的にどんなものが有るのでしょうか。OSによる影響、ブラウザーによる影響等個別にわかればお教えください。

  • インラインフレームの位置指定

    インラインフレームをHPに作成したいのですが, 自分で検索したんですがインラインフレームの位置指定の方法がいまいち わからないので質問させて頂きます。 style="position:absolute;で指定したんですが、ブラウザのちょうど真ん中 になかなかいきません。 希望としましては、トップからは0の位置で、左右はど真ん中にしたいのですが、下記HTMLにどのようなタグを付け足せば可能でしょうか? <Iframe Src="☆.html" Width="400" Height="600" name="mintag"Scrolling="no"Frameborder="no">

  • positionプロパティの設定について

    下記のようなposition: relative;の指定widthが100%に対して、position: absolute;を指定するdiv#innerのwidthが800pxでセンター表示されるように指定したいのですが、position: absolute;のtop: 0px; left: 0px;と記述すると当然のごとく左寄りに表示されます。 div#inner部分をpositionプロパティを使いセンター表示される記述方法があればご教授下さい。 なお、positionプロパティを使う方法のみのご回答でお願いします。 ----------------------------------------- div#footer { position: relative; width: 100%; height: 250px; margin: 0; padding: 0; background : url(images/footer_bg.gif) repeat-x 0 0; } div#inner { position: absolute; top: 0px; left: ?px; width: 800px; margin: 0px auto 0px auto; } -----------------------------------------

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する