ホームページに関して

ページの一部に枠に囲まれた部分を作ろうと思います。
例えば、ヤフーのページを見ると、メールの部分は水色の四角に囲まれています。その下は紫です。その部分の作り方はテーブルのボーダーなのかな?と思いました。でもそうではなさそうです。ページを保存してファイルをみたら、テーブルではありませんでした。(多分)どうやって、ヤフーのメールを囲う四角の水色部分は作られているのですか?
(ソフトはwinドリームウェーバーを使います)

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/12/06 23:32:38
  • 終了:--

回答(7件)

id:aqualimone2 No.1

aqualimone2回答回数1ベストアンサー獲得回数02005/12/07 01:29:10

ポイント10pt

http://shopping.yahoo.co.jp/

Yahoo!ショッピング - インターネットでショッピング!

URLはダミーです。

スタイルシートでdivタグに対して背景の指定やボーダーの指定をする。というのどうですか?もちろんtableタグにも指定できます。ほとんどの方がそうしていると思いますよ。テーブルタグは表組みのためのタグなのでレイアウトのために使用するのは本来の使い方ではないといわれています。見た目のデザインに関してはスタイルシートで指定する方向に世の中は向かっています。スタイルシートはDWでも簡単に編集できます。

id:schwalbe No.2

schwalbe回答回数225ベストアンサー獲得回数12005/12/07 04:50:08

ポイント10pt

http://ykr414.com/css/

全部まるごとスタイルシート −スタイルシートリファレンス−

cssで指定されているのだと思います。

id:ngc02 No.3

ngc02回答回数108ベストアンサー獲得回数22005/12/06 23:42:05

一応ヤフーはtableだらけです。というかtableだけで出来ているくらいです。

なのでtable+backgroundで実装する一番手軽です。

id:slowlife-p No.4

slowlife-p回答回数68ベストアンサー獲得回数02005/12/07 00:08:44

http://tickets.yahoo.co.jp/

Yahoo!チケット

アドレスはダミーです。

ボーダーではなくテーブルのバックカラーを指定します。


<table bgcolor=”色”>

<tr><td>

……みたいな感じで。


ボーダーを0にするとふちのない水色になりますよ。

id:hinako17 No.5

hinako17回答回数74ベストアンサー獲得回数02005/12/07 00:39:50

ポイント70pt

ソースを見たところ、Yahoo!トップページのメールの部分はテーブルで作られているようですよ。


ただ、枠線はテーブルの”border”ではなく、テーブルを入れ子にしているようです。


幅が300pxのテーブルの中に、幅が290pxのテーブルを真ん中に配置したら、両側が5pxずつ余るので(背景色を異なる色にすれば)線のように見えます。


参考までに、上の例のHTMLです。


<TABLE border=”0” width=”300” height=”300”>

<TBODY>

<TR>

<TD bgcolor=”#000099” align=”center”>

<TABLE border=”0” width=”290” height=”290”>

<TBODY>

<TR>

<TD bgcolor=”#0099ff”></TD>

</TR>

</TBODY>

</TABLE>

</TD>

</TR>

</TBODY>

</TABLE>

id:rrr3

どうもです!

2005/12/09 00:22:56
id:dungeon-master No.6

dungeon-master回答回数571ベストアンサー獲得回数402005/12/07 01:06:24

http://www.hatena.ne.jp/ダミー:detail]

TABLEのボーダーではありませんが、TABLEを使って実現しています。

水色のbgcolor、cellpadding=1のTABLEを置いて、そのTDタグの中で

更に白っぽいbgcolorのTABLEを使っています。

外側のTABLEの下地が、指定したcellpadding=1の分だけ隙間となって

水色の枠があるように見えます。

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 cooper0524 296 256 4 2005-12-07 10:39:46

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

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

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

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

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