- ベストアンサー
TABLEのセルの中の文字を行単位、セル単位で色を変えたい
inoue64の回答
- inoue64
- ベストアンサー率29% (334/1115)
セル単位で指定する方法 <table> <tr> <td><font color=色指定>あああ</font> <td>いいい </table>
関連するQ&A
- tableセルに色を付ける
tableセルに色を付けます。 で、行で指定しようとtrタグにbgcolorをいれました。 ネスケでは問題ないのですが、ie6だとテーブルの外にも色がついてしまい変です。 セルを結合させたりしたりしてることが影響あるのでしょうか？ieのバグですかね？ コレを解決するには、trで色を付けるのを諦めて、セルごと（tdやth）に指定していくしかないのでしょうか。 スタイルシートは使わない前提です。htmlだけでの解決があったら教えてください。 <html> <head> </head> <body> <table border="10" align="center"> <tr> <th colspan="2">タイトル</th> </tr> <tr> <td height="70" rowspan="2" align="center" valign="top">１</td> <td>あ</td> </tr> <tr> <td>い</td> </tr> <tr bgcolor="red"> <td>２</td> <td>う</td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブルのセルのクリック時、セル内の文字を太くするには
テーブルのセルをクリックした際に、セルの中に入っている文字を太字にする方法が分からず困っています。 ちょっと複雑なテーブル構造になっているのですが、具体的には、以下のような仕様で作成しています。 div要素上でクリックしたら、特定のセルの文字（この場合、id='text1'のセル）の文字を太字にしたいのです。 なお、OnClick時の処理は、外部JavaScriptで行います。 <table> <tr> <td> <div id='div1' textid='text1' onclick="ChgText(event,this)"> <table width='100%'> <tr> <td width='10%'>あああ</td> <td id='text1'>いいい</td> </tr> </table> </div> </td> <tr> </table> イベント元であるdiv要素と、処理対象のTDを関係付けるために、div要素内に「textid='text1'」定義し、外部JavaScriptでは、document.getElementByIdで処理対象を特定し、最終的には、文字を太くしたいと考えています。 外部JavaScriptの概要は以下の通りです。 function ChgText(ev,item){ var text_item = null; text_item = item.tdtext_id; var chgText = document.getElementById(text_item ); chgText.style.font-weight = bold; } 上記の内容で実行しても、文字の太さは変わりませんでした。 フォントの指定の仕方がまちがっているのでしょうか？ それとも、そもそも、div要素より後に定義されるTDタグのIDをdiv要素自身が認識しないのでしょうか？ 根本的な考え方が間違っているかもしれないので、よきアドバイスをいただけるとありがたいです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- テーブルの中にテーブルを入れ込んで・・・
最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか？ （↑けしてダジャレではありません(^^ゞ） セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか？ 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか？
- ベストアンサー
- HTML
- htmlでtableの中の文字を真ん中寄せするには？
htmlで<table><tr><td>XXX</td><td>…と表を作成していますが、この時、1つ1つのセルの中の文字を真ん中寄せするにはどうしたらよいですか？
- ベストアンサー
- その他（インターネット・Webサービス）
- 次のテーブルのセル内文字を小さく
したいのですがセル内文字ごとに<h7></h7>を付けると文字は小さくなるもののセルの高さがむしろ高くなり文字が上に貼りついてしまいます セルの高さも同じように文字にあわせて小さくできるような設定はあるでしょうか? <table border=1 cellspacing=0 cellpadding=0> <caption align=left> <nobr>あいうえおかきくけこ<nobr/> </caption> <tr><td colspan=3>abc</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td colspan=3 height=15></td></tr> </table>
- ベストアンサー
- HTML
- セルの中で文字が揃わない・・・
初心者です。よろしくお願いいたします。 表の中のセルに文字を入力しています。 ですが、箇条書きの用に端に揃えて 設定しても、実際ブラウザで見ると バラバラになってしまいます。 (揃っているのもあります） 問題のセルは以下のように記述しています。 <td align="left"> <center><br>ここだけ真ん中</center><br> １行目<br><br> ２行目<br><br> ３行目<br><br> </td> なにか問題があるでしょうか？アドバイスお願いいたします！
- ベストアンサー
- HTML
- テーブルの行操作について
下記のJavaScriptの操作で質問があります。 ボタンを押すたびに1行目が最後に追加されていくと考えたのですが、 実際の動作では1行目が複製されず、行の入れ替えになってしまいます。 cloneNodeすれば行の追加になるのはわかりますが、なぜ下記の操作で行の入れ替えになるのでしょうか？ <html> <head> <title>テーブルテスト</title> <script type="text/javascript"> <!-- function testFunction() { tableBody.appendChild(tableBody.childNodes(0)); } --> </script> </head> <body> <table border="1"> <thead> <tr><th>A</th><th>B</th><th>C</th></tr> </thead> <tbody id="tableBody"> <tr><td>foo</td><td>bar</td><td>hoge</td></tr> <tr><td>abc</td><td>def</td><td>ghij</td></tr> </tbody> </table> <input type="button" value="テスト" onclick="testFunction()" /> </body> </html>
- ベストアンサー
- JavaScript
- phpMyAdminみたいに、テーブルのセルの色を変えたりしたい
お世話になります。 phpMyAdminのテーブルみたいに、セルの一部にカーソルが乗ると背景色を緑色に変更し、離れると元の色に戻り、セルの一部でクリックすると、特定のチェックボックスにチェックが入り、かつ背景色をオレンジ色に固定するやり方を探しています。（チェックが入ると、マウスが乗っても、離れても、チェックがはずれるまではオレンジ色のまま） phpMyAdminは一行全てが色が変わりますが、現在考えているのは、 <form id="form" action="hoge.php" method="post" name="form"> <table width="500" border="1" cellspacing="2" cellpadding="0"> <tr> <td bgcolor="#dee3e7"><input type="checkbox" name="del_1" value="1" />削除１</td> <td bgcolor="#dee3e7">ファイル１</td> <td bgcolor="#dee3e7"><input type="checkbox" name="del_2" value="1" />削除２</td> <td bgcolor="#dee3e7">ファイル２</td> </tr> </table> </form> のように、一行にセルが４つあります。 左二つのどちらかにマウスが乗ると左二つの色を変え、クリックすると、左側のチェックボックスにチェックが入り、色を固定する。 同様に右側２つのセルにカーソルが乗れば色を変え、離れれば元の色に戻る。表の一部をクリックするとチェックボックスにチェックが入り、色が固定される・・・ このようなページを作りたいので、是非、お力をかして頂けないでしょうか。よろしくお願い致します。
- ベストアンサー
- JavaScript
- エクセルのセルの中で文字を何行かにする方法
セルのなかに書く文字を2行や3行にするにはどうしたらよいでしょう。セルの幅を大きくしても文字はセルの真ん中にしかこないんです。よろしくお願いします！！
- ベストアンサー
- Windows XP
- tableのセル高さの固定法
下記のようなTABLEがあるとします． 右の列は縦３行を連結した１つのセルになっています． また左上の「１」のセルの高さは，50PIXとなっています． いま，右列セルの内容が増えて，table全体の高さが増した場合， 「１」セルはその高さ指定50PIXを無視して拡がってしまいます． このような状況を回避して，右列セルの高さがどうあろうとも 「１」セルの高さを固定する方法を教えて下さい． （例えば，右列セルが高くなった場合， 「１」セルと固定する代わりに「３」セルを拡げて全体の高さを確保する，など） <TABLE border="1"> <TBODY> <TR> <TD HEIGHT="50PIX">１</TD> <TD ROWSPAN=5> ●あ<br> ●あ<br> ●あ </TD> </TR> <TR> <TD>２</TD> </TR> <TR> <TD>３</TD> </TR> </TBODY> </TABLE>
- 締切済み
- HTML