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

締切済

質問者：hhiidd
質問日時：2010/08/31 20:57
回答数：2件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： fujillin
回答日時：2010/09/01 09:26

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>

- 0
- 件

通報する

No.1

回答者： 0909union
回答日時：2010/08/31 22:28

範囲が大きすぎて何をアドバイスしたらいいのやら？

このような質問の場合、実際にどのようにしているのかコードを書きましょう。それでないと適切なアドバイスはできません。

基本的なこととして、「position」を指定すると、「ブロック」タイプのオブジェクトになります。

これは何を意味するかと言うと、タグをつけずに文字を書くと、それは「インライン」タイプとなり「ブロック」とは反意語です。

ブロックの物とインラインの物の位置を合わせるのは難解です。

両方ともブロックであれば簡単にあわせられますね。DIVでくくるとかすればいいわけですね。

インライン＝行単位の位置指定。
ブロック＝自由位置指定。

と言えばわかりやすかも。