こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

TDタグをスタイルシートを使って綺麗に簡単に書きたい。

二つほど質問があります…
以下のようなcssとhtmlを書きました。

○stylesheet.css
body{background-color:#ffffff}
a:hover{color:#ff0000;text-decoration:none;background-color:#ffff00}

○XXX.html
<html>
<head>
<meta http-equiv="text/html" contents="Shift_JIS"/>
<link rel="stylesheet" href='../css/stylesheet.css' type="text/css"/>
</head>
<body>
<table border>
<tr>
 <th>&nbsp;</th>
 <th>XXXXXX</th>
 <th>XXXXXX</th>
 <th>XXXXXX</th>
</tr>
<tr>
 <th>XXXXXX</th>
 <td align="right"><a href="###.html">100</a></td>
 <td align="right"><a href="###.html">525</a></td>
 <td align="right"><a href="###.html">300</a></td>
</tr>
<tr>
 <th>XXXXXX</th>
 <td align="right"><a href="###.html">10</a></td>
 <td align="right"><a href="###.html">150</a></td>
 <td align="right"><a href="###.html">300</a></td>
</tr>
</table>
</body>
</html>

質問1
<td>は全て数値で、必ず右寄せ(align="right")なのですが、
stylesheet.cssの中に書いてしまいたいのです…でも
td{align:right}
と記述しても右寄せしてくれません…どう書くのが正しいのでしょうか?

質問2
マウスカーソルをリンクに合わせると文字が反転するようになっているのですが
できる事ならtdタグの空白部分も反転したほうが良いと思うのですが

td:hover{color:#ff0000;text-decoration:none;background-color:#ffff00}
としても駄目で

<a href="###.html"><td align="right">100</td></a>
とするとリンクが無くなってしまいました…
上手く実行できるようになりますでしょうか?
できればJavaScriptを使いたくないんです…

わがままな質問ですが、回答よろしくお願いします。

投稿日時 - 2002-08-31 15:57:49

QNo.347868

困ってます

質問者が選んだベストアンサー

質問1
td{txt-align:right;}
と「txt-」が必要です。
この手の事は決まり事があるのでスタイルシートのリファレンスを一冊持っていると早いですよ。

質問2
tdにはhover属性はありません。HTMLだけでは無理でしょう。
これもHTMLのリファレンスを一冊持っていると分ると思います。

投稿日時 - 2002-08-31 16:43:54

お礼

「txt-」が抜けてたんですね…
2は…無理なのかもしれないですね…
ひとまず<tt>タグで&nbsp;を補おうかと思いました。
リファレンス本早速買ってきます。
回答ありがとうございました。

投稿日時 - 2002-08-31 17:08:31

ANo.2

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

質問1
>td{align:right}
スタイルシートにaliginなんてありませんよ。
td{text-align:right;}
としてください。

質問2
a{padding-left:100;}
と記述してみてください。「100」の部分は、
セル幅にあわせて変更してください。

><a href="###.html"><td align="right">100</td></a>
>とするとリンクが無くなってしまいました…
文法的に間違っているからです。
一度HTMLのタグを勉強しなおされた方が良いのでは…?

スタイルシートやHTML、JavaScriptについて
丁寧に解説されているサイトをご紹介します。

参考URL:http://tohoho.wakusei.ne.jp/www.htm

投稿日時 - 2002-08-31 16:38:08

お礼

>スタイルシートにaliginなんてありませんよ。
大変失礼いたしました。
td{text-align:right;} ですね解りました。

a{padding-left:100;}
を書いてみましたが桁が違うので微妙ですね。

杜甫々ですか…存じていたんですが
cssを嫌っているようであまり調べていませんでした…
解ってしまえば「スタイルシート→リファレンス→テキスト配置」
で1の答え書いてありましたね…調査不足でした失礼しました。
早々の回答ありがとうございました。

投稿日時 - 2002-08-31 17:18:37

あなたにオススメの質問