- ベストアンサー
スタイルシートの記述で
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
以下がサンプルです。 いかがでしょうか? ============================================================== <HTML> <head> </head> <BODY> <TABLE border=1> <TR> <TD onmouseover="this.style.background='red';" onmouseout="this.style.background='green';" style="background : blue"> あいうえお </TD> </TR> </TABLE> </BODY> </HTML>
その他の回答 (1)
- shiba1
- ベストアンサー率41% (10/24)
JavaScriptでスタイルを操ります。 onMouseOverで色を変えonMouseOutで色を戻してやります。 bgcolorではなく、background-colorでもなく、 backgroundColorなのがポイントです。 ↑「C」だけ大文字。 ============================================================== <table> <tr> <td bgcolor="#ffffcc" onMouseOver="this.style.backgroundColor='#ccccff'" onMouseOut="this.style.backgroundColor='#ffffcc'"><br></td> </tr> </table> ============================================================== どこまでのブラウザで動くかは???ですが最近のIEならたぶん変わります。
お礼
javascriptでも変更可能でしたか。 ありがとうございました。
関連するQ&A
- スタイルシートで...
スタイルシートでtableもしくはtdタグの背景色を1~100の間で透明にしたいのですが、 その記述方法を忘れてしまったのですがご存じの方いましたらタグをお教えください。 filter:Alpha(opacity=10)←のようにdiv,spanでやってみましたがだめでした。 有名なサイトなどでさがしましたがimgとfontはあるのですがtableの背景色の設定については さがすことができなかった為投稿します。
- ベストアンサー
- CSS
- スタイルシートでpaddingを使うと背景がずれる
はじめまして。はじめて質問させて頂きます。 スタイルシートに関する質問なのですが、例をあげて質問させて頂きます。 sample.html---------------------------- 途中抜粋 <table border="0" cellspacing="0" cellpadding="0" > <tr> <td id="key1">例</td> </tr> </table> style.css-------------------------------- td#key1 {background-image: url(image/sample.gif); vertical-align: top; padding-top: 5px;} 以上のようにテーブルの中で"例"という文字を上から5px分下にずらしたいので、vertical-align: top; padding-top: 5px; と記述してあげたのですが、"例"という文字と同時に、背景である(sample.gif)も同時に下方向にずれてしまいます。背景がずれないようにするには vertical-align: top; padding-top: 5px; という記述以外に何か記述方法がありますでしょうか? よろしくお願い致します。
- 締切済み
- HTML
- スタイルシートのfont指定について教えてください。
htmlファイルの中で、外部cssを読み込んで文字を制御する場合、table の<td> </td>の中で指定する場合は そのセルごとにclassタグを記述しています。 セルが膨大な数ある場合、同じfontの指定なら 一括してどこかに記述する方法はないのでしょうか? よろしくお願いします。
- ベストアンサー
- その他(インターネット・Webサービス)
- スタイルシートを無効にできないでしょうか
いつもお世話になっております。 現在、仕事で他人の作ったHTMLを修正しています。 そのなかのスタイルシートで TABLE{ ****** } TR{ ****** } TD{ ****** } と、いろいろなものに初期値のようなものが、 デザインのためか、かなり細かく設定されています。 私が新しく追加したいテーブルにも適用されてしまい、設定の数が多いのでいちいち打ち消すのが大変です。 初期値(スタイルシートが適用されていない状態)からの設定だったら、少しですむのに…と思うとイライラしてきます。 このように定義されてしまったものを、いったん初期値に戻すタグは存在しないのでしょうか。 色々検索してみたのですが、そういう記述をみつけることができず、ここに質問することにしました。 あるのか、ないのか、ご存知の方がいらっしゃったら教えてください。 よろしくお願いいたします。
- ベストアンサー
- HTML
- スタイルシートを読まないようにする?
css を外部ファイルで持っており td { background: #ffffff; } と記述しています。 html の中で <td>abc</td> とすると当然bgcolorは#fffffになりますが 違う色を指定したいところが出てきました。 元からクラスを指定しておけば良かったのですが 大量に使ってるので今更できません。 <td bgcolor=#00000> として bgcolor を反映させる にはどうすればいいでしょうか? なお、色はDBからダイナミックに当てられるので 新たなクラスをcssに指定するというのは避けたいです。 よろしくお願いします。
- ベストアンサー
- HTML
- 【スタイルシート?】同行内で左寄せと右寄せ
“イベント名 日付” のように一行の中で一部の文字列(イベント名)は左寄せ、一部の文字列(日付)は右寄せ にするにはどのようにすればいいでしょうか。 加えますと、この一行は<TABLE>で書かれた<TD>~</TD>の中のものです。 <TABLE BORDER> <TR><TD>イベント1 日付</TD><TD>なんとか</TD><TD>かんとか</TD> <TR><TD>イベント2 日付</TD><TD>なんとか</TD><TD>かんとか</TD> </TABLE> のようになっています。 区切りの線を入れたくないので一つの<TD></TD>の中に入れたいと思っています。 <TD>内で改行無しに左寄せ&右寄せの方法はありますでしょうか。 最終手段としては中に透明なTABLEを入れて対処しようとは思ってますが、 スタイルシートやALIGNの使い方でいい方法がありましたらご教示願います。 宜しくお願い致します。
- 締切済み
- HTML
- スタイルシートについて
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><IMG src="i1.gif" width="64" height="64" border="0"></TD> <TD><IMG src="i2.gif" width="64" height="64" border="0"></TD> </TR> <TR> <TD><IMG src="m1.gif" width="32" height="32" border="0"></TD> <TD><IMG src="m2.gif" width="32" height="32" border="0"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> こういったTableを使った表がある場合、スタイルシートで示すことは出来ますか?もし出来るならそのソースを教えてください。 また、こういったTableのホームページを一括でスタイルシートに変換できるソフトが存在していたら教えてください。 それと、この行数がかなり大きくなると、Tableよりも軽く表示がされると聞いたのですが本当でしょうか? ご返答、何卒、よろしくお願い致します。
- ベストアンサー
- HTML
- スタイルシートの書き方
HPの中に以下のようなテーブルを並べて作っているのですが、後からまとめて編集しやすいようにCSSファイルを別に作ろうと思います。 自分であれこれ試してはいるのですが、スマートな(?)スタイルシートの書き方がいまいちわかりません。 どのように指定すればいいでしょうか? 因みに下のタグもかなり自己流な部分があるのではないかと思うので、おかしいところがあれば指摘してください。 よろしくお願いします。 ------------------------------------------------------ <table border="0" bgcolor="#000000" cellspacing="0" cellpadding="0"> <tr> <td> <table border="0" cellspacing="1" cellpadding="2" width="500"> <tr><td bgcolor="#ffffff" width="150">AAA</td><td>BBB</td></tr> </table> </td> </tr> </table>
- ベストアンサー
- CSS
- tdにスタイルシートをかけると、入れ子にすると文字が小さくなりすぎてしまいます
どうしてもテーブルでレイアウトしなければいけない状況にあります。 それで、文字のサイズを下げようとtdにスタイルシートをかけると、テーブルレイアウトなので入れ子になっているところが文字が小さくなりすぎてしまいます。 td{ font-size:80% } としています。 こういった場合、入れ子の中には影響しないようにする方法、もしくはほかの方法がありましたら、ご教授お願いいたします。
- ベストアンサー
- HTML
お礼
まさにこれでした。 助かりました。 本当にありがとうございました。