締切済み

素人質問で申し訳ないです！画像を絶対位置でposition:absol

2010/08/31 20:57

素人質問で申し訳ないです！画像を絶対位置でposition:absolute;省略。class=省略。で表示しております。画像の真下に文章を表示したいのですが、何をやってもうまくいきません！独学では限界です！誰か助けて下さい！宜しくお願いします。尚、スタイルシートはまだ使いこなせないです！

hhiidd
お礼率30% (6/20)

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

みんなの回答 （2）
専門家の回答

みんなの回答

fujillin
ベストアンサー率61% (1594/2576)

2010/09/01 09:26 回答No.2

No1様の回答のように、一緒にレイアウトしたいものはまとまりのあるものとしてマークアップしておけばよいのでは？ position指定はその全体に対してかければよろしいかと… なんも具体例がないので、ご質問に見合った回答としてはこんなもんでしょう。以下は、おまけ。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>test</title> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> div.target { position:absolute; top:100px; left:200px; text-align:center; } </style> </head> <body> <div class="target"> <img src="A.jpg" alt="image"> <br> <span>content</span> </div> </body> </html>

ログインすると、全ての回答が全文表示されます。

0909union
ベストアンサー率39% (325/818)

2010/08/31 22:28 回答No.1

範囲が大きすぎて何をアドバイスしたらいいのやら？このような質問の場合、実際にどのようにしているのかコードを書きましょう。それでないと適切なアドバイスはできません。基本的なこととして、「position」を指定すると、「ブロック」タイプのオブジェクトになります。これは何を意味するかと言うと、タグをつけずに文字を書くと、それは「インライン」タイプとなり「ブロック」とは反意語です。ブロックの物とインラインの物の位置を合わせるのは難解です。両方ともブロックであれば簡単にあわせられますね。DIVでくくるとかすればいいわけですね。インライン＝行単位の位置指定。ブロック＝自由位置指定。と言えばわかりやすかも。

ログインすると、全ての回答が全文表示されます。