• ベストアンサー

<td>にスタイルシートをかけるのは×ですか？

HTMLのコーディングで、 <td class="p1"> と、<td>の属性（？）としてスタイルシートを適用しているのですが、これはあまりやってはいけないことなのでしょうか？ 今まで、ソースを簡潔にするために上記のようにやってきましたが…。 大手の制作ページなどを見ると、<span>で適用されています。 何卒宜しくお願いいたします。

  • CSS
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • selene_pl
  • ベストアンサー率49% (102/207)
回答No.1

HTMLの構造化とスタイルシートの理念からすると、tdに適用して構わないと思います。 というか、<span>の場合だと、HTMLの構造的に余計なものが入っているような感じがしますね。 もしかすると、多少古いブラウザでも問題なく適用できるように、そうしているのかもしれませんが。 その、<span>での具体的な適用例を見ないと、なんとも言えないですけどね。

gohan_gohan
質問者

お礼

お礼が遅れてしまい、大変失礼いたしました。 大丈夫なんですね！？ ずっとこのやり方でやってきたのでほっとしました。 どうもありがとうございました！

その他の回答 (1)

回答No.2

css2.0をサポートしていないブラウザだったり、昔のブラウザだとダメな場合があるので、大手さんはspanでやってますが、昔のドリームウィーバーとかでちゃんと表示されないから、tdにclassをつかないでやってると言う人もいます。tdにclass設定はかまわないと思います。

gohan_gohan
質問者

お礼

お礼が遅れてしまい、大変失礼いたしました！ なるほど、そういった理由からなのですね。 間違っていないとのこと、安心しました。 どうもありがとうございました！

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • スタイルシートで指定した大きさにならない・・・

    スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 ＢＯＤＹの文字を１２ＰＸにしているのですが、 １４ＰＸの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12pt; } .16 { font-size: 16px ; } /* 16 */ .14 { font-size: 14px ; } /* 14px */ .10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>ＢＯＤＹのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず 困っていますので、ご存知の方がおられましたらよろしくお願いします。

  • ネットスケープ4.78でのスタイルシート

    質問します。よろしくお願いします。 win版のネットスケープ4.78でスタイルシートがおかしくなります。 <head><style type="text/css"> .text1{color:red ;} </style></head> <!-- 省略 --> <td class="text1"> <span style="color:blue ;">【What's New!】</span> <br> こんにちは！ </td> という感じにしています 上記の記述だと、【What's New!】だけが青で、以下の 「こんにちは！」は赤い文字になるはずだと思うのですが、 意図に反して「こんにちは！」も青い文字になってしまいます。 ネットスケープの4.xではスタイルシートが不安定というのは 知っていましたが、ここまでひどかったかなぁ、と思っています。 どこか記述がおかしいところがあるのでしょうか？ よろしければご指摘をいただければ幸いです。

    • ベストアンサー
    • HTML
  • tdの中のtableの中のtd

    .box{～～} という具合にfont-sizeやline-heightを スタイルシートで定義しています。 あるtdの中に<td class="box">で そのスタイルを適用させるまではいいのですが、 そのtdの中にさらにtableを作った場合、 その中にはboxスタイルが適用されません。 入れ子になっている影響かな？とは思うのですが、 この場合、どう指定したらよいのでしょうか。 すべてのtdにclass指定するのは避けたいです。

    • ベストアンサー
    • HTML
  • スタイルシート id属性に#がいる理由

    id属性にスタイルを適用する場合 以下のように書くと思います。 p#idname{ color:#000000; } class属性のときと違って、#をつけるのは、 id属性が唯一のものだから という意味ですか？

    • ベストアンサー
    • HTML
  • スタイルシート

    <!-- span#k-11 { background-image : url("a.gif")} span#k-12 { background-image : url("b.gif")} span#k-21 { background-image : url("c.gif")} span#k-22 { background-image : url("d.gif")} --> <body> <table> <tr> <td><a href=""><span id="k-11" style="width:192; height:33;"></span></a></td> <td><a href=""><span id="k-12" style="width:192; height:33;"></span></a></td> </tr> <tr> <td><a href=""><span id="k-21" style="width:192; height:33;"></span></a></td> <td><a href=""><span id="k-22" style="width:192; height:33;"></span></a></td> </tr> </table> </body> 外部スタイルシートで、 同じ大きさ（width:192; height:33;　gif画像の大きさ）のgif画像を、縦２×横２のテーブルを表示して、その個々の画像にリンクを貼りたいと思っています。 一応これできますが、もう少しbody内のテーブルを簡略したいと思いますが、なかなかうまいきません。 １．大きさの部分（width:192; height:33;）をスタイルに入れると、何故か画像が表示されなくなります。 ２．リンクの部分もスタイルに入れたいのですが、どのようにすればよいかわかりません。 どうぞご指導よろしくお願いします。

  • 以下のHTMLをスタイルシートで実装するには

    以下のHTMLをスタイルシートで実装するにはどうしたらいいのでしょうか？ <table><tr><td>左</td><td>右</td></tr></table> 自分なりに考えましたが <div class="">を使えばいいのかなと思いますが、いまいち方法が分かりません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • スタイルシートについて

    <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><IMG src="i1.gif" width="64" height="64" border="0"></TD> <TD><IMG src="i2.gif" width="64" height="64" border="0"></TD> </TR> <TR> <TD><IMG src="m1.gif" width="32" height="32" border="0"></TD> <TD><IMG src="m2.gif" width="32" height="32" border="0"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> こういったTableを使った表がある場合、スタイルシートで示すことは出来ますか？もし出来るならそのソースを教えてください。 また、こういったTableのホームページを一括でスタイルシートに変換できるソフトが存在していたら教えてください。 それと、この行数がかなり大きくなると、Tableよりも軽く表示がされると聞いたのですが本当でしょうか？ ご返答、何卒、よろしくお願い致します。

    • ベストアンサー
    • HTML
  • スタイルシートがMACで有効にならない

    宜しくお願い致します。 スタイルシートを外部ファイルとしてHTMLを作製しております。フォントの指定も全てスタイルシートで行っておりますが、WINDOWSだと全く問題ないのですが、MACだとそのスタイルシートの設定が反映されたりされなかったりしているのです。具体的には・・・ HTMLの内容 <html> <head> <link rel="stylesheet" href="font.css" type="text/css"> </head> <body> <center> <table> <tr> <td align="center" valign="middle"> <span id="maintitlefont"> 通常のタイトル </span> </td></tr> <tr> <td align="center" valign="middle"> <span id="error"> エラーメッセージ </span> </td></tr> <tr> <td align="center" valign="middle"> 本文 </td></tr> </center></body></html> スタイルシートの内容 /*基本の文字設定<td内全てに適応>*/ td { color:#00ff00; font-size:11pt } /*メインタイトル部の文字設定<id指定>*/ #maintitlefont { color:#0000ff; font-size:15pt; font-weight:bold; } /*エラー表示文字<id指定>*/ #error { color:#ff0000; font-size:11pt; font-weight:bold; } これをMACで見ると、errorの指定をしている場所も本文の指定になってしまいます。しかし、同じid指定なのに、maintitlefontの指定はイキになります。原因がさっぱりわかりません。id名を変えてもダメでした。WINDOWSでは問題なく見れました。 ちなみにMACのOSは9.2.2で、IEのバージョンは5.1.7です。

    • ベストアンサー
    • HTML
  • スタイルシートの画像

    質問させていただきます。 今悪戦苦闘しながらホームページを作成しているのですが HTMLで画像を表示するときにalt属性は書いたほうが良いと理解したのですが、 スタイルシートで背景画像を記述するにはどうやってalt 属性を記述したら良いのでしょうか？ 例えばHTMLに <div class="img"></div> CSSに div.img { background-image: url("○○.jpg"); width: 100px; height: 100px; } とするとどこにalt属性をいれたらよいのですか？ わかりづらくてすみませんが、ご回答よろしくお願いします。

  • DreamWeaverMXでスタイルシートを使わない方法

    DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか？ ご存知の方がいましたらよろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する