人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

web製作をしています。
行3のテーブルで左を2列、真ん中・右を列1のテーブルを作ったのですが、テーブル内に文字を入力し、行間を130%とりたくて、スタイルシートで「TD{line-height : 130%;}」と指定したのですが、行間が開きません。正しいやり方を教えて下さい。

●質問者: chat187
●カテゴリ:コンピュータ 学習・教育
✍キーワード:Web スタイルシート 入力 製作
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● k318
●18ポイント

http://www.tagindex.com/stylesheet/text_font/line_height.html

スタイルシート[CSS]/テキスト・フォント/行間を指定する - TAG index

文字列のなかの空白(スペースキー)のとり方がおかしいのではないでしょうか。

◎質問者からの返答

半角スペースが入っている。とか、そういうことでしょうか?


2 ● nao-t
●5ポイント

http://www.htmq.com/style/index.htm

そもそも、テーブルの「行」と、テキストの「行」は、その意味と構造が違います。

テーブルや<div>のようなタグで示されるものは「ブロック」要素になり、

テキスト(普通の文字列)などは「インライン」要素というように、別けられています。

今回の「line-height」は、インライン要素のタグにしか有効ではありませんので、テーブルの行間を空けるのであれば、

「padding」や「margin」などを利用してください。

◎質問者からの返答

説明不足ですみません。テーブル内に書いた文字の行間をあけたいのです。


3 ● pamu
●17ポイント

http://www.d3.dion.ne.jp/~tiyoko01/style/st-hyo/hyo8.html

StyleSheet テーブル内の行間を指定

こちらではどうでしょう。

ページ全体ででしたら

<!--

body,td { line-height: 130%;}

-->

でも可能です。

◎質問者からの返答

有難うございます。

ダメでした……。

これはもう、違う所に問題あるのかな…。


4 ● ed_tks
●30ポイント

http://tksmtmt.s28.xrea.com/sample/td1.html

外部スタイルを使用

外部スタイル(td.css)を使った例です。

td.cssの記述:

TD { line-height:130%; }

http://tksmtmt.s28.xrea.com/sample/td2.html

内部スタイルを使用

内部スタイル(インラインスタイル)を使った例です。

<TD style=”line-height:130%;”>

◎質問者からの返答

内部スタイルでやってみたらいけました!!

有難うございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ