ホームページのTOP中央にイメージ画像を表示する方法

2010/07/31 14:31

このQ&Aのポイント

ホームページのTOP中央にイメージ画像を表示するには、CSSのスタイルを使用する方法があります。
具体的には、pタグにクラス名を指定し、そのクラスに対して幅と高さを設定し、背景画像を指定します。
さらに、テキストの位置を設定するために、positionプロパティやtext-alignプロパティを使用します。

papion0525
お礼率58% (14/24)

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

質問者が選んだベストアンサー

ベストアンサー

野角直（@na0k0）
ベストアンサー率100% (1/1)

2010/07/31 16:20 回答No.1

はじめまして。 text-valignは、テーブルセルにしか適応されないようです。昔、自分も似たような事をしたくて調べた記憶があります。text-alignとスペルは似ていますが、確か意味合いは全く違ったはずです。text-align:right;と同じような感覚で上下方向の指定が出来ると考えがちですが。vertical-alignも同様です。ネットで調べても、この辺をきちんと説明しているサイトはほとんど無いと思います。で、どうするの?なのですが、私だったら(あくまでも私だったら、です)そのp要素の中のテキストをspanで囲い、positionプロパティで位置を調整します。こんな感じかな。 <html> <head> <style type="text/css">  </style> </head> <body> <h1>サンプル</h1> <p class="sample"> <span class="sample_span">ぎにゃー<br />くけー</span> </p> </body> </html> あまりスマートな感じがしないのですが…。書店でwebデザイン系の雑誌を見てみると、なにかあるかもしれません。ここまでくると、cssの文法云々というより、デザインのテクニックですね。参考になりましたら幸いです。

質問者