• 締切
  • 暇なときにでも

画像にキャプションを付け画像の右端で合わせるには

  • 質問No.2501939
  • 閲覧数119
  • ありがとう数1
  • 気になる数1
  • 回答数1
  • コメント数0
画像にキャプションを付け、画像の右端に揃えたく以下のようなソースを書きました。
------------
<div style="width:120px">
  <div style="text-align:right">表題</div>
  <div><img src="画像.gif" width=120 height=80></div>
</div>
------------
これだとimgとdivに同じ値を2度書かなくてはならない
div側に画像の幅を記述する事なく同じ事を可能にするcssの記述方法はありませんか?
------------

□□□□表題□□□□□□
■■■■■■□□□□□□
■■画像■■□□□□□□
■■■■■■□□□□□□
■■■■■■□□□□□□

------------
□=何もない領域
■=画像の描画領域

回答 (全1件)

  • 回答No.1

ベストアンサー率 44% (749/1683)

例えば、こういうことですか↓
<html>
<head>
<style type="text/css">
.wd {width:120px;}
</style>
</head>
<body>
<div class="wd" style="background-color:#ccccff;">
<div style="text-align:right">表題</div>
<div><img class="wd" src="画像.gif" height=80></div>
</div>
</body>
</html>
補足コメント
noname#39970
現状では不可能という結論に。
投稿日時:2007/04/22 16:46
お礼コメント
noname#39970
回答ありがとうございます。
目的は同じCSSで体裁を整える(キャプションを画像右端で合わせる)事なので1つ1つ固定値をCSS側で指定したくないんです。
この方法だと両方にwidth指定するのと変りません。
投稿日時:2006/10/28 13:36
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ