画像の縦中央に文字列を入れたいのだが…
-
0 名前： Nico ： 2005/04/17 16:58
- 長時間ねばって、どうしてもできないのでお聞きしたいと思います。
写真の縦中央に文字が来るようにしたいのですが、どうしてもできません。CSSで作成しているのですが、画像をつまんだ後に行揃えを中央にしたり、インラインにしたりといろいろやったのですが…。あと、ネットスケープで見ると、文字自体が一行目をのぞいて下に回りこんでしまいます。なんとかなりませんでしょうか？
http://abc916.nobody.jp/00/gallay.html
-
1 名前： 七鍵 ： 2005/04/17 16:58 ［URL］
- <img src="smp.jpg" style="vertical-align: middle">サンプル文字
このような方法ではいかがでしょうか？
テーブルを使い、
<table border="0">
<tr><td><img ...></td><td valign="middle">サンプル文字</td></tr>
</table>
のようにするのも一つの手段でしょう。
# valign="middle" は多くのUAで規定値となっていますが
-
2 名前： Nico ： 2005/04/17 16:58
- 七鍵さん、ありがとうございます。
おそらくＣＳＳで囲んでいる影響からか、その方法ではできませんでした。
ただ、画像にかけるスタイルのフロートを左にし、align="middle"にすれば、
IEでもネスケでも中央にできました。
結局、いろんなことをやりすぎてしまったために、かえって出来なくなっていた
ようです…。注意するのは、画像にかけるスタイル一つで、もっとシンプルに
すればよかったみたいです。
