人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: rrr3
●カテゴリ:コンピュータ 芸術・文化・歴史
✍キーワード:WIN ソフト ドリームウェーバー ファイル ホームページ
○ 状態 :終了
└ 回答数 : 6/7件

▽最新の回答へ

1 ● aqualimone2
●10ポイント

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

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

URLはダミーです。

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


2 ● schwalbe
●10ポイント

http://ykr414.com/css/

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

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


3 ● ngc02
●0ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

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

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


4 ● slowlife-p
●0ポイント

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

Yahoo!チケット

アドレスはダミーです。

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


<table bgcolor=”色”>

<tr><td>

……みたいな感じで。


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


5 ● hinako17
●70ポイント

http://www.yahoo.com/

Yahoo!

ソースを見たところ、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>

◎質問者からの返答

どうもです!


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ