• 締切済み

スタイルシート

<!-- 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画像を、縦2×横2のテーブルを表示して、その個々の画像にリンクを貼りたいと思っています。 一応これできますが、もう少しbody内のテーブルを簡略したいと思いますが、なかなかうまいきません。 1.大きさの部分(width:192; height:33;)をスタイルに入れると、何故か画像が表示されなくなります。 2.リンクの部分もスタイルに入れたいのですが、どのようにすればよいかわかりません。 どうぞご指導よろしくお願いします。

みんなの回答

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1

>1.大きさの部分(width:192; height:33;)をスタイルに入れると、何故か画像が表示されなくなります。 pxが抜けています。 → width:192px; height:33px;  正しいスタイルシートを勉強しましょう。↓ http://www.tohoho-web.com/css/basic.htm#Unit >2.リンクの部分もスタイルに入れたいのですが、どのようにすればよいかわかりません。  仰ることが、<a href=""> のことなら、出来ません。

参考URL:
http://www.tohoho-web.com/css/basic.htm#Unit
ame-sanc
質問者

お礼

>pxが抜けています。 初歩的ミスでした。申し訳ありません。 <a href=""> は指定できないのですね・・。 ありがとうございました。

関連するQ&A