- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：Dreamweaver CS5 CSSの書き方）
Dreamweaver CS5 CSSの書き方
このQ&Aのポイント
- Dreamweaver CS5を使用してサイト作成中の方へ、CSSの書き方についてご教授ください。
- Dreamweaver CS5を使用して、サイトのレイアウトを作成し、SubArea内のボタンを2×2の配置にしたいと思っていますが、うまくいきません。
- SubArea内のボタンを横並びに配置するために、CSSルールを追加しましたが、うまくいかない状況です。どうすればよいでしょうか？
- rainysun
- お礼率18% (9/49)
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
そもそも、そのテンプレのbodyが、 <body id="pageone"> になっていて、 CSSで関連付けされていますよね？ 各HTML,CSSソースが無いので詳細が分かりませんが、単純なソースなら #SubArea{ float:left; width: 398px; border:1px solid gray;} #SubArea ul{ margin: 0 4px; padding: 4px 0 0;} #SubArea ul li{ float:left; width:195px; height:195px; margin:0; padding:0; list-style:none;} img{ background:purple;}/* 画像代用 */ <div id="SubArea"> <ul> <li><img width="190" height="190"></li> <li><img width="190" height="190"></li> <li><img width="190" height="190"></li> <li><img width="190" height="190"></li> </ul> <p style="clear:left;">各数値は自分環境で調整する事</p> </div>
お礼
漠然とした質問だったにもかかわらず、 詳しいご回答ありがとうございます。 さらに、お礼が大変遅くなってしまいまして申し訳ござませんでした。 ご指摘のように、 ボタンのサイズをSubAreaに収まるようにきちんと指定しましたら 無事に解決されました。 ありがとうございました。