- ベストアンサー
ＨＰのスタイルシート
テーブル（3行２列）を左に、画像（１枚）を中央に配置したいのですが、 cssはどのように書けばいいのでしようか？
- fukuzyusou
- お礼率44% (64/143)
- ホームページ作成ソフト
- 回答数2
- ありがとう数12
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
結局、自動改行されてしまうから、「中央配置」ではなく、CSSで画像とテーブルのレイヤーの位置を指定した方がいいと思います。 ただ、他のコンテンツ内容とCSS内で整合性を取ってないと、ぐちゃぐちゃになるけど。 以下は添付画像に使ったソースです。 <STYLE> <!-- #contentsBody{ top : 0px; left : 50px; position : absolute; } #Layer2{ top : 30px; left : 240px; position : absolute; } #Layer1{ top : 30px; left : 150px; position : absolute; } --> </STYLE> <BODY> <DIV id="contentsBody"> <DIV id="Layer1"><IMG src="くまモン.jpg" width="80" height="80" border="0"></DIV> <DIV id="Layer2"> <TABLE border="1"> <TBODY> <TR> <TD>sel1</TD> <TD>sel1-1</TD> </TR> <TR> <TD>sel2</TD> <TD>sel2-1</TD> </TR> <TR> <TD>sel3</TD> <TD>sel3-1</TD> </TR> </TBODY> </TABLE> </DIV> </DIV> </BODY>
その他の回答 (1)
- AsarKingChang
- ベストアンサー率46% (3467/7474)
CSSはいらないと思いますが。 <table> <tr><td>x0y0</td><td>x1y0</td><td rowspan=2 align=center>grp</td></tr> <tr><td>x0y1</td><td>x1y1</td></tr> </table> ポイントはこの部分、 縦に２カラム占有、センター表示（何もしてない蹴れば縦もセンタリングされる＝middle） <td rowspan=2 align=center>grp</td> grpのところに、<img src=...>を置けば画像が中央に出ます。 意味合いが違いそうであれば、再度追加情報をもらえますか？
補足
ありがとうございます。 この方法だとテーブル内に入れることになりますが、 できればCSSで表現したいのですが。
お礼
ありがとうございます。 大変参考になりました。