- ベストアンサー
ＴＤタグをスタイルシートを使って綺麗に簡単に書きたい。
二つほど質問があります… 以下のような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> </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> 質問１ <td>は全て数値で、必ず右寄せ（align="right"）なのですが、 stylesheet.cssの中に書いてしまいたいのです…でも td{align:right} と記述しても右寄せしてくれません…どう書くのが正しいのでしょうか？ 質問２ マウスカーソルをリンクに合わせると文字が反転するようになっているのですが できる事ならtdタグの空白部分も反転したほうが良いと思うのですが td:hover{color:#ff0000;text-decoration:none;background-color:#ffff00} としても駄目で <a href="###.html"><td align="right">100</td></a> とするとリンクが無くなってしまいました… 上手く実行できるようになりますでしょうか？ できればJavaScriptを使いたくないんです… わがままな質問ですが、回答よろしくお願いします。
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
質問１ td{txt-align:right;} と「txt-」が必要です。 この手の事は決まり事があるのでスタイルシートのリファレンスを一冊持っていると早いですよ。 質問２ tdにはhover属性はありません。ＨＴＭＬだけでは無理でしょう。 これもＨＴＭＬのリファレンスを一冊持っていると分ると思います。
その他の回答 (1)
- HUTABA
- ベストアンサー率27% (436/1611)
質問１ ＞td{align:right} スタイルシートにaliginなんてありませんよ。 td{text-align:right;} としてください。 質問２ a{padding-left:100;} と記述してみてください。「100」の部分は、 セル幅にあわせて変更してください。 ＞<a href="###.html"><td align="right">100</td></a> ＞とするとリンクが無くなってしまいました… 文法的に間違っているからです。 一度HTMLのタグを勉強しなおされた方が良いのでは…？ スタイルシートやHTML、JavaScriptについて 丁寧に解説されているサイトをご紹介します。
お礼
>スタイルシートにaliginなんてありませんよ。 大変失礼いたしました。 td{text-align:right;} ですね解りました。 a{padding-left:100;} を書いてみましたが桁が違うので微妙ですね。 杜甫々ですか…存じていたんですが cssを嫌っているようであまり調べていませんでした… 解ってしまえば「スタイルシート→リファレンス→テキスト配置」 で１の答え書いてありましたね…調査不足でした失礼しました。 早々の回答ありがとうございました。
お礼
「txt-」が抜けてたんですね… ２は…無理なのかもしれないですね… ひとまず<tt>タグで を補おうかと思いました。 リファレンス本早速買ってきます。 回答ありがとうございました。