【急ぎます！】ページ幅を解除と、メニューの色を変更するには

質問

http://flash.xtaro.com/sozai/tool/fcount/sample.htmここを参考にＨＰを作っています。

<!--
BODY {
MARGIN-TOP: 3px; COLOR: #000000; BACKGROUND-COLOR: #e6eee6; TEXT-ALIGN: center
;}
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}
TD {
FONT-SIZE: 11pt; MARGIN: 0px; WIDTH: 140px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #66cc99; TEXT-ALIGN: center
;}
DIV {
BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; WIDTH: 700px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffff
;}
.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: #339966; TEXT-DECORATION: none
;}
.menu:hover {
COLOR: #004411; BACKGROUND-COLOR: #bbffdd
;}
.close {
BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11pt; BORDER-LEFT: #ff0000 1px solid; COLOR: #dd0000; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
;}
.close:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #ff0000
;}
-->
(1)メニュー１や２の色を変更するにはどうすればいい？
(2)ページ背景色をhttp://www.kds.kddi.com/topics/index.htmlのようにグラデーションにするにはどうすればいい？
(3)ページ幅を変更するにはどうすれいい？

回答No.2

haruka47 · ベストアンサー

（１）.menu{の中のBACKGROUND-COLOR: #339966 の「#339966」の数字を変えれば、元々の色を変えられます。
マウスが乗った時の色は.menu:hover {の中の
BACKGROUND-COLOR: #bbffdd　の「#bbffdd」を変えてれば大丈夫です。

（２）<DIV id="obj1" style="width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#006666)">
このタグの中の「startColorstr=#ffffff,endColorstr=#006666」を変更すれば、好きな色のグラデーションが作れます。

（３）TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}の中の「WIDTH: 700px」の変更で変えることができます。

回答No.3

raichioisi

>(1)メニュー１や２の色を変更するにはどうすればいい？

実際に確認していませんが、おそらく

.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: #339966; TEXT-DECORATION: none
;}

の　BACKGROUND-COLOR: #339966;　←この値と

.menu:hover {
COLOR: #004411; BACKGROUND-COLOR: #bbffdd
;}

の　BACKGROUND-COLOR: #bbffdd;　←この値

を変更すれば良いのではないかと思います。
後のがリンクカーソルが重なった時の色の指定になります。

(2)ページ背景色をグラデーションにするにはどうすればいい？

例にあげられましたサイトですとグラデーションの画像を、
cssで背景に指定しているのではないかと思います。
画像を使用しない場合、cssの他にjavaで指定できたりするみたいです。
http://dex.okwave.jp/kotaeru.php3?q_id=1880858

(3)ページ幅を変更するにはどうすれいい？

テーブル幅のことでしょうか？？

TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}

の　WIDTH: 700px;　←の値を変えてみてください。
違ったらすみません；

回答No.1

xxshinchixx

(1)メニュー１や２の色を変更するにはどうすればいい？
.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: 文字色; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: 背景色; TEXT-DECORATION: none
;}
.menu:hover {
COLOR: マウスを乗せたときの文字色; BACKGROUND-COLOR: マウスを乗せたときの背景色
;}

となります。
全てのメニューを一括で指定します。
メニュー1、メニュー2・・・と、それぞれのメニューを別の色に指定したいということであれば、新しくスタイルを追加しなければいけません。

(2)ページ背景色をhttp://www.kds.kddi.com/topics/index.htmlのようにグラデーションにするにはどうすればいい？
→グラデーションの画像を背景画像に指定しています。

(3)ページ幅を変更するにはどうすれいい？
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: ページ幅; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}

えーとあまり親切な答え方でないですが、お急ぎだそうなのでとりあえず・・・ヒントになれば幸いです。