テーブルの中のグラデーションの作り方

解決済

質問者：noname#57880
質問日時：2007/12/05 21:07
回答数：3件

背景のグラデーションではなくて、テーブルの中をグラデーションに
することはできますか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「テーブル作り方」に関するQ&A：再度、木製ガラステーブルの作り方を教えて下さい。

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： torayoshi
回答日時：2007/12/06 00:33

<!横>

<table border="0" height="300" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#99ff99,endColorStr=#ffff00);">
<tr><td>
</td></tr>
</table><br>

<!縦>
<table border="0" height="300" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=0,startColorStr=#99ff99,endColorStr=#ffff00);">
<tr><td>
</td></tr>
</table><br>

<!セル縦>
<table border="0">
<tr>
<td height="150" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=0,startColorStr=#99ff99,endColorStr=#ffff00);">
</td></tr>

<!セル横>
<tr><td height="150" width="300" style="filter: progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#99ff99,endColorStr=#ffff00);"></td></tr>
</table>
<!ここまで>

startColorStr=(開始の色)
endColorStr=(終わりの色)

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
大変助かりました。

通報する

お礼日時：2007/12/06 21:59

No.2

回答者： torayoshi
回答日時：2007/12/05 23:38

テーブル全体、セル単位それぞれにグラデーションは掛けられますが、

でもグラデーションってIE専用って知ってました？

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。

＞グラデーションってIE専用って知ってました？
それでもいいです。ＩＥ使っている人が大半のようですし。

そのグラデーションのやり方教えてください。

通報する

お礼日時：2007/12/06 00:03

No.1

回答者： taloo
回答日時：2007/12/05 23:01

テーブルの中の何をグラデーションにするんですか？

この回答への補足

そうです。やり方がわからないので、質問したんですが・・

補足日時：2007/12/06 00:03

通報する

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。

通報する

お礼日時：2007/12/06 21:59

このQ&Aに関連する人気のQ&A

「テーブル作り方」に関するQ&A： access　ODBCリンクテーブルの作り方

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

専門家回答数ランキング

専門家

※過去一週間分の回答数ランキングです。

質問する（無料）

他の専門家の回答をチェック

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか？
<TD>タグや<TR>タグのところでいじくるのですか？

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
＃2の方法ですね。

テーブルごとやセル（<TD>）ごとにサイズを変更するには
スタイルシート（CSS）を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル（<TD>）ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

＃1の方法だとページ内の全てのセル（<TD>）に設定することになります。

スタイルシート（CSS）はこれら以外にも
いろいろな設定方法があります。

他の回答も見る

Qテーブルとテーブルの間隔について

同じサイズのテーブル縦にいくつか並べているのですが、今現在は全く隙間無くくっついています。

これを少しだけ（改行タグ<br>の半分以）間隔を空けたいのですが、どうすれば良いのでしょうか？

Aベストアンサー

一番シンプルな方法としては
<table>タグを<table style="margin-bottom:○○px">と書き直します。

他の回答も見る

Qの高さ固定。情報増加時、高さ自動変化
<table>で<td>の中に入れる文字の行が
多くなったり少なくなったりする形のもので
少ないときは高さを150pxに固定し、
多くなったときは行数に合わせて
自動的に高さが変化するものを作りたいです。
サンプルを作ってみました。
アドバイスをお願いいたします。

<html>
<head>
<title></title>
<body>
<table style="width:200px; height:150px; background-color:#ccc; vertical-

align:top; display:block; margin:20px;">
<tr>
<td>
<ul>
<li>あいうえお</li>
<li>あいうえお</li>
</ul>
</td>
</tr>
</table>

<table style="width:200px; height:150px; background-color:#ccc; vertical-

align:top; display:block; margin:20px;">
<tr>
<td>
<ul>
<li>あいうえお</li>
<li>あいうえお</li>
<li>あいうえお</li>
<li>あいうえお</li>
<li>あいうえお</li>
<li>あいうえお</li>
<li>あいうえお</li>
<li>あいうえお</li>
<li>あいうえお</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
<table>で<td>の中に入れる文字の行が
多くなったり少なくなったりする形のもので
少ないときは高さを150pxに固定し、
多くなったときは行数に合わせて
自動的に高さが変化するものを作りたいです。
サンプルを作ってみました。
アドバイスをお願いいたします。

<html>
<head>
<title></title>
<body>
<table style="width:200px; height:150px; background-color:#ccc; vertical-

align:top; display:block; margin:20px;">
<tr>
<td>
<ul>
<li>あいうえお</li>
<li>あいうえお</li>
</ul>
</td>
</tr>
</table...続きを読む

Aベストアンサー

こんばんは。

TABLEのheight:150px;をやめる。
TDにstyle="min-height:150px;"

他の回答も見る

QTABLEのセルの中の文字を行単位、セル単位で色を変えたい

urizakaです
さて、質問なのですが、<TABLE>の中のセル<TD>の中に入れる文字の
色を変えることってできるんでしょうか？
それも、行単位とかセル単位という細かい単位で…
javaScriptを使うとできそうな気もしますが…
すみませんが、この件についてご存知の方宜しくお願いします。

Aベストアンサー

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし１</font>　・・・ここでセル内の文字の色を指定
</td></tr>
</table>

のようにすればセル単位での設定ができます。
また、このテーブルを真ん中におきたい場合は、
<table align="center">
とすればいいし、ボーダーを消すのなら
<table border="0">
とすればいい。
また、
<table border="0" align="center" cellpadding="0" cellspacing="0"
とすればボーダーもなく、真ん中にあり、しかもセル全部が
くっついているテーブルになる。

リンクを指定したい場合は

<tr align="center" bgcolor="#6f9fff">
<td><A HREF="****"><font size="2" color="red">お知らせ</font></A>
</td></tr>

と書けばいい。

bgcolorとfontcolorは１６進数で表してもいいし、色の名前を
そのまま指定してもいいはず。色は COLOR CHART を検索して見つけて
ください。

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし１</font>　・・・ここでセル内の文字の色を指定
</td></tr>
</table>

のようにすればセル単位での設定ができます。
また、このテーブルを真ん中におきたい場合は、
<table align="center">
とすればいいし、ボーダーを消すのなら
<table border="0">
とすればいい。
また、
<table border="0" align="center" cellpadding="0" cellspacing="0"
とすればボーダーもなく...続きを読む

他の回答も見る

QMAX値を条件にデータを取得するには？

ＳＱＬ文で困っています。
ご教授下さい。

下記のようなデータがあった場合、それぞれの区分毎に
年月が最大(最新)のデータを取得したいです。
(実際には1レコードにその他項目があり、それらも取得します。)
＜検索対象データ＞
区分　年月　　　金額
-----------------------------
A 　　200412　　600
A 　　200503　　560
B 　　200311　　600
B 　　200508　 1000
B 　　200504　　560
C 　　200508　　400
C 　　200301　 1100

＜取得したいデータ＞

区分　年月　　　金額
-----------------------------
A 　　200503　　560
B 　　200508　 1000
C 　　200508　　400

よろしくお願いします。

Aベストアンサー

テーブル名をXXXとすると次のようなSQLでよいと思います。(最善の方法かどうかは自信がないですが)

select B.* from (select 区分, max(年月) as 年月 from XXX group by 区分) As A
inner join XXX as B on A.区分 = B.区分 and A.年月 = B.年月
order by B.区分

他の回答も見る

Q

内のFONT指定について。

<table></table>内のFONT指定で、毎回
<font size=2>をセルごとに入れていますが、セルの数が多く、サイトの負担が大きくなります。
tableごと、あるいは、ページごとに一括で指定はできないのでしょうか。
スタイルシートは、あまりなじみがありません。

よろしくお願いします。

Aベストアンサー

こんにちは

table要素全体に文字を調節する場合は、

　head要素に
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="style.css">
を追加します。

　table要素に
class="(1)"を追加します。
<table class="(1)">
(1)に適当な名前をつけてください。
/////////////////////////////////////////////
テキストエディタで、新しくファイルを作成して、
font-size: (2)

(2)にはフォントサイズを入れます。数字だけの指定はできません。おすすめはem単...続きを読む

他の回答も見る

Qボタンを横に並べて表示させる方法

<input type="button"> ←このボタンを、並べて表示させるにはどうしたら良いでしょうか？（tableは使わない方法で）よろしくお願いいたします

Aベストアンサー

ソースをください。

inputはインライン要素なので改行は入らないです。

他の回答も見る

QJSPの処理の途中で、JavaScriptの処理をしたい

プログラムをJSPで記述している(<% %>タグ)のですが、
JavaScriptのalertやconfirmなどのポップアップするダイアログを
表示したいのです。それは可能なのでしょうか？

Aベストアンサー

No.2の回答に対する回答（変な日本語ですが）です。

ＪＳＰとＪａｖａＳｃｒｉｐｔの処理の行われる順番について考えていないと
エラーになることがありますよ。
大まかな流れは、
　ＪＳＰのソースをサーバ側で解釈、実行する（ＨＴＭＬのソースを吐き出す）
　　↓
　クライアントに生成したソースを送信する
　　↓
　クライアント側のブラウザがソースを解釈する
　　↓
　ソースの中のＪａｖａＳｃｒｉｐｔを、ソースの上のほうから順次実行する
　　↓
　同時に、通常の表示（ＨＴＭＬの解釈）も実行される

　と、こういう流れですので、例えば、ＪａｖａＳｃｒｉｐｔで値を入力し、
ＪＳＰでその値を使おうとすると、エラーとなります。

　具体的にやりたいこと（やろうとしていること）を書いていただいたほうが
適切に回答できますが、上記が今考えられるエラーの原因です。

他の回答も見る

Qラジオボタンの選択肢をサーブレットで取得するには？

サーブレットの開発を行っていますが、ブラウザー側で
ラジオボタンを選択した際に何を選択したかのデータを取得したいのです。
（下記のHTMLで言えば、割引手形か、手形貸付か、証書貸付というのを取得したいのです）
パラメーターをサーブレットで受け取りたいのですが
うまくいきません
HTMLでHIDDENを使用するとか聞いたことはあるのですがどのようにコーディングすればいいんでしょうか？
よろしくお願いいたします。

<p>
<input type="radio" name="radiobutton" value="...続きを読む

Aベストアンサー

それぞれの項目の value を、ユニークにして下さい。例えば、

<input type="radio" name="radiobutton" value="1"> 割引手形　
<input type="radio" name="radiobutton" value="2"> 手形貸付　
<input type="radio" name="radiobutton" value="3"> 証書貸付

そうすれば、「手形貸付」を選択したときに

String p2 = request.getParameter("radiobutton")；

とすれば、p2 は "2" になります。

他の回答も見る

QHTMLでテーブルを横に並べる方法

HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか？
教えていただければ幸いです。
よろしくお願いします。

Aベストアンサー

２列のテーブルを作ったらいかがでしょうか？
<table>
<tr>
<td>１つめのテーブルに入れる内容</td>
<td>２つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば２つ並びます。
<table>
<tr>
<td><table>←１つめのテーブル→</table></td>
<td><table>←２つめのテーブル→</table></td>
</tr>
</table>

他の回答も見る

ページトップ