CSSについて教えてください。YahooやAmazon、その他いろいろなサイトのトップページでメニューなどがボックスで囲まれています。そして中央あたりに本文が書かれいます。例えばAmazonで言うと、「ブラウズ」「気になるこのアイテム」「ヘルス&ビューティー トップセラー」などボックスで囲まれているものです。このようなデザインをCSSで実現したいと思っています。tableでできるのは知っていますが、CSSでこのようなボックスで囲んでそのボックスの配置の仕方が説明されているサイトを教えてください。ちなみにホームページビルダー12を使っています。"ボックス","CSS"での検索はすでにしていますので、もの凄くわかりやすく例題がのっているページを教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/02/01 02:20:39
  • 終了:2008/02/08 02:25:03

回答(3件)

id:KUROX No.1

KUROX回答回数3542ベストアンサー獲得回数1402008/02/01 08:50:52

ポイント27pt

http://weblibrary.s224.xrea.com/weblog/css/cat15/456bereastreet....

HTMLソースレベルではこれが分かりやすいと思います。

id:popattack

ありがとうございます。参考になります。

2008/02/03 04:57:48
id:drowsy No.2

drowsy回答回数1163ベストアンサー獲得回数882008/02/01 09:49:43

ポイント27pt

引用元のテンプレサイト

http://www.netmania.jp/templates/deco_css.php

とりあえずこれ↓をコピペしてhtmlに貼り付けて保存してみてください。ボックスができます。

<div style="padding:5px;border-color:#009900;border-width:1px;border-style:solid;height:50px;width:80px;">TEXT<br>TEXT<br></div>

説明は以下の通り。(分かりやすいように意訳してます)

<div style="       ←ここから四角(ボックス)が始まります
padding:5px;       ←枠と中身のスペース。テーブルのセル余白みたいな。
border-color:#990000;  ←枠の色
border-width:1px;    ←枠の太さ
border-style:solid;   ←枠の種類solidは直線、点線ならdotted
height:50px;       ←ボックスの高さ
width:80px;">      ←ボックスの横幅
TEXT<br>TEXT<br>    ←ここに中身
</div>        ←ボックスはここで終わりです。
id:popattack

ありがとうございます。参考になります。

2008/02/03 04:57:50
id:asagohan001 No.3

asagohan001回答回数53ベストアンサー獲得回数02008/02/02 11:50:29

ポイント26pt

スタイルシートによる崩れない2カラム・3カラムデザイン

http://desperadoes.biz/style/dan/index.php

サンプルもあります。いつもここを参考にしています。

id:popattack

ありがとうございます。参考になります。

2008/02/03 04:57:52

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません