- 締切済み
楽天ブログでデーぶるを使うと上の方に空きが出来る
3列・2行から3行のテーブルを使っています。 <table> <tr> <th>データ1</th> <th>データ2</th> <th>データ3</th> </tr> <tr> <td>データ4</td> <td>データ5</td> <td>データ6</td> </tr> </table> このように簡単なものです。 何か足りない物があるのでしょうか。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- Chary_spy
- ベストアンサー率40% (75/183)
関連するQ&A
- テーブルのレイアウトがおかしくなる
畏れ入ります。 テーブルを作っているのですが奇妙な現象にあっています。 <table border="1" width="100%"> <tr> <th width="18"> </th> <th width="100"> </th> <th> </th> <th width="100"> </th> </tr> <tr> <td rowspan="2"> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td colspan="3"> <!-- ここに たくさんの 文字列を入れると ・・・ --> </td> </tr> </table> このコメントの部分が無い状態では正常にでていますが、 ここにたくさんの文字列(半角30文字程度でおかしくなります)を投入すると、レイアウトが異常に崩れてしまいます。 文字列は改行してもかまわないのですが テーブル1行目2行目のセルサイズ(width)がこのように変化してしまうと困るのです。 どのようにしたら良いか(width=100の部分を守らせたい) 教えてください。
- ベストアンサー
- HTML
- クリックされた罫表セルの行番号、列番号を取得するには
クリックされた罫表セルの行番号、列番号を取得する事は出来るのでしょうか。 例えば 下記Tableの"き"という文字が入ったセルをクリックすると 列番号:2 行番号:3 という番号を取得したいのです。 <table> <thead><tr><th>1</th><th>2</th><th>3</th><th>4</th></tr></thead> <tbody> <tr td>あ</td><td>い</td><td>う</td><td>え</td></tr> <tr><td>お</td><td>か</td><td>き</td><td>く</td></tr> <tr><td>け</td><td>こ</td><td>さ</td><td>し</td></tr> <tr><td>す</td><td>せ</td><td>そ</td><td>な</td></tr> </tbody> </table> onclickでidのついた所をクリックした時のアクションは取得できましたが、Csvなどからデータを取得したtableのセルをクリックした時の 列数、行数を取得する事は可能でしょうか。 宜しくお願いします。
- ベストアンサー
- JavaScript
- テーブルについて教えてください
テーブルについて教えてください <table border="1"> <tr> <th colspan="3">見出し</th> </tr> <tr> <th>1</th> <td rowspan="3">A</td> <td rowspan="3">B</td> </tr> <tr> <th>2</th> </tr> <tr> <th>3</th> </tr> </table> |---------------------| |------|---------------| |------| | |------| | |------|--------------| 絵が少しおかしいかも知れませんが・・・上の絵のような感じのテーブル枠になると思います 下の絵のように上の物の一番下にもう一列、縦割していない物を追加したいのですが、どうすればいいでしょうか? 別に新たにテーブルを作ると切れ目が出来てしまうのでできればそれは避けたいです |---------------------| |------|---------------| |------| | |------| | |------|--------------| |---------------------| よろしくお願いします
- ベストアンサー
- HTML
- 楽天ブログで表を書いたら上部の余白が消せません。
ホームページからコピーして文字位置を変えただけなのに、上部に余白が出来てしまい、消そうとしてbodyタグを使ったら使用禁止で使えません。 どこが悪いのでしょうか? <コピーして自分で書いたもの> <center> <table border=1> <tr> <th>●●●</th> <th>●●●</th> <th>●●●</th> <th>●●●</th> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> <tr> <td align=center>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> <td align=right>●●●</td> </tr> </table></center>
- 締切済み
- ブログ
- データベースの中身をテーブルで表示したいです
mysqlデーターベースの中身をテーブルで表示したいのですがわからない事があるので書き込みしました。 テーブルAのデーターを <TABLE> <TR><TD>mysql1行目</TD><TD>mysql2行目</TD></TR> <TR><TD>mysql2行目</TD><TD>mysql4行目</TD></TR> </TABLE> <TD></TD>の間にレコード一つ分のデータを入れて2列で表示したいです。 whileを使ってデーターを取り出すと1行にレコード一つ分のデーターを表示するのはそのままできるんですが1行にレコード二つ分のデーターを出す場合<TR>と</TR>をどういう仕組みで表示させれば良いかわかりません。 誰か教えてもらえないでしょうか?
- 締切済み
- PHP
- 一気に「テーブルの2列目のtdタグを右詰にする
<html> <head> <title>test</title> </head> <body> <table border=1> <tr><th>No</th><th>aaaaaaa</th></tr> <tr><td>1</td><td>bbb</td></tr> <tr><td>2</td><td>ccc</td></tr> </table> </body> </html> このようなテーブルで 右側の2列目のtdタグを右詰にしたいのですが、 一気に「テーブルの2列目のtdタグを右詰にする」と言う方法は有りますか? 今は <html> <head> <title>test</title> <style type="text/css"> td.example1 { text-align: right; } </style> </head> <body> <table border=1> <tr><th>No</th><th>aaaaaaa</th></tr> <tr><td>1</td><td class="example1">bbb</td></tr> <tr><td>2</td><td class="example1">ccc</td></tr> </table> </body> </html> このようにしていますが 一つ一つタグを付けるのは非効率的と思っています。
- ベストアンサー
- HTML
- テーブル列の表示・非表示機能の追加
<table border="0" id="tbl1"> <tr> <th>A1</td> <th>B1</td> <th colspan="2">C1</td> </tr> <tr> <td>aaa</td> <td>bbb</td> <td>ccc</td> <td>ddd</td> </tr> <tr> <td>aaa</td> <td>bbb</td> <td>ccc</td> <td>ddd</td> </tr> </table> というテーブルで、C1列(要はデータcccとdddの2列)を表示/非表示を行いたいです。 調べてみたところ、colspanが設定されている例がありませんでした。 お判りになる方、よろしくお願いします。
- ベストアンサー
- JavaScript
- テーブルの上に空行が入る・・・消したい!
http://oshiete1.goo.ne.jp/kotaeru.php3?q=558624 の質問と同じ現象だと思うのですが、 下記のコード(時刻表をつくりたいのです)をメモ帳で書き、IE6.0で表示させたたところ、 テーブルの上の方にテーブルの長さの3倍ほどの空行が表示されてしまいます. 過去の質問では、質問者さんが自己解決されているようで、しかもなにかツールを使ってコードを書いているようでしたので、メモ帳で直接コードを書いている場合の解決方法を教えてください. ---- <html> <body> <table border="1" cellpadding="0"> <tr> <th>時</th> <th>平日</th> <th>土曜</th> <th>休日</th> </tr> <tr> <td>5</td> <td>-</td> <td>-</td> <td>-</td> </tr> <tr> <td>6</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> </tr> <tr> <td>7</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> </tr> <tr> <td>8</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> </tr> <tr> <td>9</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> </tr> <tr> <td>10</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> <td>00 10 20 30 40</td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- 2列目のみcssを適用させるには?
<html> <head> <title>test</title> <style type="text/css"> table.test td+td { padding-left:1em; } </style> </head> <body> <table class="test" border=1> <tr><th>No</th><th>タイトル(この列だけ左からの距離を指定する)</th><th>その他</th></tr> <tr><td>1</td><td>bbb</td><td>1</td></tr> <tr><td>2</td><td>ccc</td><td>2</td></tr> </table> </body> </html> このソースだと2列目と3列目にcssが適用されてしまいます。 table.test td+td の部分は、okwaveからのコピペで見よう見まねでやってみたのですが どうすれば「2列目だけ」を指定できますか? このソースでの表示結果は画像の通りです。
- ベストアンサー
- HTML
- [table] colspanについて
画像添付にあるようなセル区切りのtableをhtmlで作成したいと考えています。 4列目にセルが4つあるので、3列目のcolspanの指定をどのように記述すればいいのか 不明で困っています。 ---------------------------------------------------- <table> <tr> <th></th> <th colspan="3"></th> </tr> <tr> <td></td> <td colspan="3"></td> </tr> ▼▼▼▼▼この列のrowspanの指定がわからない▼▼▼▼▼ <tr> <td></td> <td></td> <td></td> </tr> ▲▲▲▲▲この列のrowspanの指定がわからない▲▲▲▲▲ <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td colspan="3"></td> </tr> </table> ---------------------------------------------------- どなたか解決案をご存知の方、お教えいただけないでしょうか? colspanにこだわっているわけではないので、cssで解決できるのであればcssでも大丈夫です。 よろしくお願い致します。
- ベストアンサー
- HTML
お礼
ありがとうございます。 やはり、今時CSSの勉強は不可欠なのですね。 頑張ります。