画像を中央に表示する

[新着] Webテンプレートを仮オープンしました



0   名前: しょしんしゃ : 2007/10/17(水) 09:03  ID:xcIo/fUB sub-9g
はじめまして。

リンクを付けた画像を中央に表示したいんですが、どうしても左寄りになってしまいます。
同じようなスレがいくつかありますが、全部試してみてもダメでした。(img-alignやCSSから操作してみても動きませんでした。

こちらがタグです。
<a href="*****.htm" target="main"><img src="*****.jpg" onmouseover="this.src='*****.jpg'" onmouseout="this.src='*****.jpg'" alt=""></a>

マウスが上に乗ったりなど色々なタグを付けていますが、そのせいで他の機能ができなくなったりするというのはあるんでしょうか?

初心者なので説明下手&無知で申し訳ありません。
どなたか分かる方情報をお願いします。

1   名前: 匿名 : 2007/10/17(水) 09:03  ID:/UQCBCoW sub-y9
親はどうなってますか?

<div style="text-align:center">
<a href="*****.htm" target="main"><img src="*****.jpg" onmouseover="this.src='*****.jpg'" onmouseout="this.src='*****.jpg'" alt=""></a>
</div>

2   名前: しょしんしゃ : 2007/10/17(水) 09:03  ID:UWwJwRgB sub-Iq
返事ありがとうございます。

すいません、親とはいったいなんでしょうか?;

3   名前: アヤ : 2007/10/17(水) 09:03  ID:I/L72zbC sub-0y
匿名さんがおっしゃりたいのは、画像が入っている親要素のことだと思います。

例で言えば
<div style="text-align:center">
<a href="*****.htm" target="main"><img src="*****.jpg" onmouseover="this.src='*****.jpg'" onmouseout="this.src='*****.jpg'" alt=""></a>
</div>

この場合、画像は<div>から</div>の中に存在しています。
# style="text-align:center"というスタイルが入っているので、中の画像はdiv内で中央表示されます。

しょしんしゃさんの構成によってはtableの中に入っていたりpの中に入っていたりと、別のパターンもあると思います。

4   名前: 匿名 : 2007/10/17(水) 09:03  ID:xcIo/fUB sub-9g
アヤさん
レスありがとうございます。

匿名さんの書いてある
<div style="text-align:center"> </div>
を記述したところ、無事画像が中央に寄りました。

ありがとうございました。

一覧へ戻る