- ベストアンサー
<td></td>で括られた2行目以降の文頭を1文字開けて表示させたい
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
マイナスのインデントがポイントですね。 ただNo2さんのものを試してみましたがmarginはなぜか反映されませんね。paddingだとうまくいくようです。 また、余白を上下左右同じ幅にすると左だけ詰まるので、左を増やすとよいと思います。 td { padding : 1em 1em 1em 2em ; text-indent : -1em }
その他の回答 (2)
- MASA_H
- ベストアンサー率42% (64/151)
ANo.1の方法で大筋は間違いないのですが、この方法では1行目もずれるのでスタイルシートの該当部分に以下を追加します。 text-indent:-1em;margin:1em これで1行目以外が一文字分字下げされます。
お礼
参考になる意見をありがとうございます。 早く回答していただき本当に助かりました。
- 3o-clock
- ベストアンサー率33% (233/689)
http://www.hajimeteno.ne.jp/stylesheet/actually/margin.html span margin で左側をあけるとか
お礼
参考になるURLとか貼っていただけると すごい助かります。 ありがとうございました!
関連するQ&A
- width指定したTDでwhite-space:nowrapが効かない
width指定したTDでwhite-space:nowrapが効かない ブラウザはIE6~8のみを想定しています。 下記のHTMLでは、2行目は正常なのですが、1行目のnowrapが働かず、改行がかかってしまいます。 列毎に幅を指定する必要があるので、1行目にはwidthを指定しているのですが、 どのようにすれば自動改行を禁止できるでしょうか。 <table style="table-layout: fixed;"> <tr> <td style="width: 50px; overflow: hidden; white-space: nowrap;">あああああああ</td> <td style="width: 70px; overflow: hidden; white-space: nowrap;">あああああああ</td> </tr> <tr> <td style="overflow: hidden; white-space: nowrap;">あああああああ</td> <td style="overflow: hidden; white-space: nowrap;">あああああああ</td> </tr> </table>
- ベストアンサー
- HTML
- DHTMLでテーブルの行の表示・非表示を切り替える。
こんにちは。 WEBアプリケーションのモックアップを作成しています。 自身はJava屋ですが、DHTMLに明るくないため、苦戦しています。 同一画面内のリンクがクリックされた場合に・・・ テーブルの行の表示、非表示を切り替えたいのです。 <!-- ========================= --> <!-- テーブル1 --> <table border="1"> <tr> <td>ヘッダ1</td> <td>ヘッダ2</td> </tr> <!-- ☆☆☆ ここから ☆☆☆ --> <tr> <td>111</td> <td>aaa</td> </tr> <tr> <td>222</td> <td>bbb</td> </tr> <!-- ☆☆☆ ここまで消したい ☆☆☆ --> </table> <!-- テーブル2 --> <table border="1"> <tr> <td>ヘッダA</td> <td>ヘッダB</td> </tr> <tr> <td>あああ</td> <td>いいい</td> </tr> </table> <!-- ========================= --> <tr>タグを<div>タグで囲んで、styleでhidden、visibleを切り替えようと考えましたが、<tr>に<div>タグが使えない事を知りました。 そこで、テーブル1を大きくテーブルで囲み、ヘッダとボディ部をセルに入れて、セルの表示・非表示を切り替えました。 これは上手くいったのですが、非表示にした場合、テーブル2との間は詰まるようにしたいのですが、もともと表示されていた分のスペースが出来てしまいました。 あまり、ロジックを組み込まずに作ろうと考えているのですが、上手い方法が思いつきません。 何か良い方法がありましたら、ご教授願います。 ターゲットのブラウザは… IE5.5~IE7 です。
- ベストアンサー
- HTML
- テーブルの行の高さを指定する時全てのtdタグに?
スタイルシートでテーブルの行の高さを指定する時は、 全てのtdタグにスタイルシートを指定するべきか、 1つだけ(一番左だけ)指定すればいいのかわからないので押してください。 全てのtdタグに指定しても、一つのtdタグに指定しても、結局はその行の高さは指定した高さになります。 コードを書く上でどちらが適切か教えてください。 -------------------------------------------------- <style type="text/css"> td.test {height: 50px;} </style> <body> 1の例<br>(2列ともclass="test"を入れた)<br> <table border=1> <tr><td class="test">1</td><td class="test">2</td></tr> <tr><td class="test">3</td><td class="test">4</td></tr> </table> <br><br> 2の例<br>(一番左の列だけclass="test"をいれた)<br> <table border=1> <tr><td class="test">1</td><td>2</td></tr> <tr><td class="test">3</td><td>4</td></tr> </table> <br><br> 3の例<br>(スタイルシートは何も指定していない)<br> <table border=1> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> </table>
- ベストアンサー
- HTML
- テキストを極力そのまま表示し、かつ画面端で折り返したい
テキストファイルの内容をページ上の一画に表示したいのですが、次のようなことはできないものでしょうか? 1.タブやスペースは詰めずに表示したい。 2.行が長すぎると読みにくいので、画面端で折り返して欲しい。 条件1から、真っ先にpreタグの使用を思いついたのですが、preタグでは画面端で自動改行されません。 それではと、divタグにfont-family:monospaceを指定したのですが、自動改行はされるものの、今度はタブやスペースが詰められてしまうようです。 スタイルシートを使えばどうにかならないものかと調べてみたのですが、preタグを自動改行させたり、divタグなどでタブやスペースを詰めずに表示するためのものは見つけられませんでした。 そのようなスタイルシート、またはこれらに変わる方法をご存知でしたら、ぜひご教授ください。 よろしくお願いいたします。
- ベストアンサー
- CSS
- tdタグに何も入れなくとも幅を均一にする方法
<table border = "1"> <tr> <th>hoge</th> <td></td> </tr> </table> 上記のような場合、<td>タグ内には何も書かれてないので セルがつぶされた形で表示されますよね? これを<th>タグ内のhogeと同じセルの幅で表示するにはどうすればいいですか? style属性にwidth:100pxとかしてみたのですが無駄でした‥
- ベストアンサー
- HTML
- セル内での2行目(1文字目)空白の入れ方
初歩的な質問なのですが、エクセルで一つのセル内で改行(Alt+Enter)し、2行目の1文字目を空白にしたいのですがどうすればいいのでしょうか? こういう風に打ちたいのですが… ↓ ああああああ あああああ ああああああ 使用しているのはエクセル2002で単にスペースを押しても空白が入りません。。
- ベストアンサー
- オフィス系ソフト
- FORMタグ後の改行を抑制したい
FORMタグを使用した後に自動的に改行されますが、これを改行されないように 抑制する方法をご存知でしょうか? 下記の例のようにTABLEタグを使用することで、横にFORMタグを並べることはできたのですが、ひとつのセル内で改行されてしまい、縦長のセルになってしまいます。 <TABLE BORDER=1> <TR> <TD> AAA<FORM> </FORM> </TD> <TD> BBB<FORM> </FORM> </TD> </TR> </TABLE> スタイルシートでも、なんでも構いませんのでなにか方法があったらご教授ください。 環境:Windows2000, IE5.5
- ベストアンサー
- HTML
- TDタグについて
TDタグについて、お聞きしたい事があります。 td.td_data_left{ font-family: "MS 明朝"; font-size: 11pt; letter-spacing: -1pt; font-style: normal; color: #404040; background-color: #FFFFFF; text-align: left; } <td colspan="3" class="td_data_left" height="20"> あ■■■■■■■■■■い</td> 記載しています。 ■は全角スペースです。 ”あ”と”い”の途中で折り返しが発生するのですが、 折り返しの始めの”い”の文字が先頭から表示されてしまいます。(全角スペースを認識せず) 本来は、 あ■■■■■ ■■■■■い と表示したいのですが、現状、 あ■■■■■ い■■■■■ となってしまいます。 どのように書けばいいのかを教えていただけないでしょうか。
- ベストアンサー
- HTML
- 文字と文字の間にスペースを欲しい
文章を表示するときに、文字と文字の間にスペースを欲しいです。 で、スタイルシートで「BODY, TH, TD { letter-spacing: 1px; }」と 指定するとちゃんとスペースが空いて見やすくなるんですが、これをすると改行の<BR>がおかしくなってしまいます。 例えば 「文章1<BR<BR>文章2」 の場合 文章1 文章2 となるんですが、上記のスタイルシートを指定するとIEでは 文章1 文章2 になってしまい、「文章1<BR><BR><BR>文章2」にしなければなりません。しかもOperaで見ると2行分改行された表示になってしまいます。 <P>でも改行できますが、できれば<BR>で解決したいと思ってます。 この問題の解消法、もしくは他の方法があればお願いします。
- ベストアンサー
- HTML
- JavaScriptで特定のtdタグにclass名をつけたい
指定のdiv内にある一行目(もしくは、最初の3つ)のtdタグに対して JavaScriptでClass名を付けたいのですが、どのようにすればよいでしょうか? 【HTML参考】 <div id="box"> <table> <tr> <td>セル1</td> <td>セル2</td> <td>セル3</td> </tr> <tr> <td>セル4</td> <td>セル5</td> <td>セル6</td> </tr> </table> </div> 上記のような時、div#box内の「セル1~3」に対してclass名を付けたいと言った場合です。 よろしくお願いいたします。
- 締切済み
- JavaScript
お礼
上記の記述で ばっちり目当ての表示方法になりました。 本当にありがとうございます!